自动触发jQuery ui date-picker

Question

我有两个文本框，用户必须选择日期。我想在选择第一个日期时触发第二个日期选择器。请帮忙。

这是fiddle。

这是代码：

 $('input[data-date="date"]' ).datepicker();
     $($('input[data-date="date"]' ).get(0)).change(function(e){
        console.log("triggered");
        $($('input[data-date="date"]' ).get(1)).trigger('focus');

 });

Answer 1

在Jquery ui datepicker上的onSelect事件中，

onSelect: function( selectedDate ) {
    $( "#to" ).datepicker("option", "minDate", selectedDate );
    setTimeout(function(){
        $( "#to" ).datepicker('show');  //where 'to' is your second date
    },30);
}

FIDDLE DEMO