Jquery 用户单击后立即从日期选择器保存日期
我试图在datepicker小部件(内联版本)上的用户选择上立即捕获用户日期。你能给我指一下正确的方向吗Jquery 用户单击后立即从日期选择器保存日期,jquery,datepicker,Jquery,Datepicker,我试图在datepicker小部件(内联版本)上的用户选择上立即捕获用户日期。你能给我指一下正确的方向吗 HTML <div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy"> JS $("#datepicker").datepicker({ autoclose: true, onSelect: function(){ var selected = $(this
HTML
<div id="datepicker" class="input-group date" data-date-format="mm-dd-yyyy">
JS
$("#datepicker").datepicker({
autoclose: true,
onSelect: function(){
var selected = $(this).val();
// log to check if date is being saved, which its not
console.log(selected);
}
}).datepicker('update', new Date());
HTML
JS
$(“#日期选择器”)。日期选择器({
自动关闭:是的,
onSelect:function(){
所选变量=$(this.val();
//记录以检查是否正在保存日期,而不是
console.log(选中);
}
}).datepicker('update',new Date());
这里还有一个指向代码笔的链接:
感谢onSelect是一个jQueryUI函数,同时您在示例中使用的是引导数据采集器 在(“更改日期”,函数(e))上使用
$(“#日期选择器”).datepikcer()。
您使用的是boostrap还是Jquery日期选择器? update()方法不是Jquery datePicker的有效方法。所以,我相信你用的是Bootstrap日期选择器。 引导日期选择器在用户选择更改的日期后不久触发“changeDate”事件。下面是一个基于“changeDate”事件选择日期的示例
$(function() {
$("#datepicker").datepicker({
autoclose: true,
}).datepicker('update', new Date(2016, 2, 5)).on('changeDate', dateChanged);
});
function dateChanged(ev) {
console.log(ev.date);
}
Update方法只携带以下参数。因此,new Date()不是有效的参数
$('.datepicker').datepicker('update');
$('.datepicker').datepicker('update', '2011-03-05');
$('.datepicker').datepicker('update', new Date(2011, 2, 5));