从日期双击也可以在日期范围中更改日期datepicker

时间:2016-04-19 07:10:25

标签: jquery-ui jquery-ui-datepicker

当我从日期范围datepicker中的日期双击时,日期日期也会发生变化。

$(function() {
    $( "#from" ).datepicker({
        onClose: function( selectedDate ) {
            $( "#to" ).datepicker( "option", "minDate", selectedDate );
        }
    });
    $( "#to" ).datepicker({
        onClose: function( selectedDate ) {
            $( "#from" ).datepicker( "option", "maxDate", selectedDate );
        }
    });
});

这是我的jsfiddle: jsfiddle

1 个答案:

答案 0 :(得分:1)

这是一个错误:https://bugs.jqueryui.com/ticket/8907#no1

  

当datepicker 1打开时调用datepicker 2上的方法会导致datepicker 2被渲染以代替datepicker 1.您可以通过为datepicker 2选择不同月份的日期,然后选择一个datepicker 1中的日期;当datepicker关闭时,你会看到月份开关。

但是如果你使用超时,一切都是正确的!请参阅jsfiddle。

setTimeout(function(){ $( "#to" ).datepicker( "option", "minDate", selectedDate );}, 100);

https://jsfiddle.net/7x0pwtxf/