JQuery datepicker не обновляет скрытое поле на .blur

Question

Я обновляю скрытое поле, #start, с двумя полями: текстовое поле (которое используется для времени) и поле datepicker. Однако, когда я выбираю дату с использованием datepicker, и в поле времени ничего нет, скрытое поле не обновляется. Также, когда заполняется поле времени и я выбираю дату через datepicker, дата обновляется с предыдущим выбором, а не с самой последней выбранной даты (вероятно, из-за обновления входного значения). Как я могу правильно написать эту функцию? Спасибо!

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

Answer 1

Не используйте .blur(), используйте onSelect событие в Datepicker в.

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