在用户单击时立即从 datepicker 保存日期答案

【问题标题】：save date from datepicker immediately on user click在用户单击时立即从 datepicker 保存日期
【发布时间】：2016-03-24 16:44:24
【问题描述】：

我正在尝试在用户选择日期选择器小部件（内联版本）时立即捕获用户日期。你能指出我正确的方向吗？

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());

这里还有一个 codepen 的链接： http://codepen.io/cmicpace/pen/xVdMWE?editors=1011

谢谢

【问题讨论】：

标签： jquery datepicker

【解决方案1】：

onSelect 是一个 jQueryUI 函数，同时您在示例中使用 bootstrap datepicker。

http://api.jqueryui.com/datepicker/#option-onSelect

使用$("#datepicker").datepikcer().on("changeDate", function(e))

https://bootstrap-datepicker.readthedocs.org/en/latest/events.html#changedate

【讨论】：

【解决方案2】：

您使用的是 boostrap 还是 Jquery datePicker？ update() 方法不是 Jquery datePicker 的有效方法。所以，我相信你使用 Bootstrap 日期选择器。 Bootstrap datepicker 在用户选择更改日期后不久触发“changeDate”事件。这是您根据“changeDate”事件选择日期的示例。

$(function() {
  $("#datepicker").datepicker({         
        autoclose: true,               
  }).datepicker('update', new Date(2016, 2, 5)).on('changeDate', dateChanged);              
});

function dateChanged(ev) {       
      console.log(ev.date);
}

更新方法只携带以下参数。所以，new Date() 不是有效的参数。

$('.datepicker').datepicker('update');
$('.datepicker').datepicker('update', '2011-03-05');
$('.datepicker').datepicker('update', new Date(2011, 2, 5));

【讨论】：