JQuery datepicker沒有更新.blur上的隱藏字段

Question

我正在更新隱藏字段#start，它有兩個字段：一個文本字段（用於時間）和一個日期選擇器字段。但是，當我使用datepicker選擇日期並且時間字段中沒有任何內容時，隱藏字段不會更新。另外，當填入時間字段並通過日期選擇器選擇日期時，日期將更新爲先前的選擇，而不是最近選擇的日期（可能是由於輸入值正在更新）。我該如何正確編寫這個功能？謝謝！

$("#datepicker").blur(function() { 
     var date = $(this).val(); 
     var time = $('#time').val(); 
     $("#start").val(date + time.toString(' HH:mm').toString()); 
}); 

Answer 1

不要使用.blur（），使用日期選擇器的onSelect事件。

jsFiddle example

jQuery的

$("#datepicker").datepicker({ 
    onSelect: function(dateText, inst) { 
     var date = $(this).val(); 
     var time = $('#time').val(); 
     $("#start").val(date + time.toString(' HH:mm').toString()); 
    } 
});​ 

Answer 2

您應該添加 'ONSELECT' 事件，以及 '模糊' 之一。 參見示例on jsfiddle

$("#datepicker").datepicker({onSelect: populateHidden}); 
$("#datepicker").blur(populateHidden); 


function populateHidden() 
{ 
     var date = $("#datepicker").val(); 
     var time = $('#time').val(); 
     $("#start").val(date + ' ' + time); 
}