Jquery 用户单击后立即从日期选择器保存日期

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

我试图在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).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));