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()，使用DatePicker的onSelect事件。

jsFiddle示例

jQuery

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