保存日期從datepicker立即在用戶點擊

Question

我想在用戶選擇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()); 

這裏給codepen的鏈接，以及： http://codepen.io/cmicpace/pen/xVdMWE?editors=1011

感謝

Answer 1

ONSELECT是jQueryUI的功能同時使用的是引導日期選擇器的例子。

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

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

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

Answer 2

您使用的自舉或Jquery的日期選擇器？ 更新（）方法是無效的方法JQuery的datePicker。所以，我相信你使用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); 
} 

更新方法僅攜帶下面的參數。所以，新的Date（）不是有效的參數。

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