jquery - 初始化后如何设置jqueryui datepicker minDate？

Question

我有两个日期选择器（jqueryui），我想将第二个输入（minDate 属性）限制为第一个选择的值。我该怎么做？我写了以下代码，但没有成功：

  $("#picker1").button().click(function() {
        var minDate = $( "#picker1" ).datepicker( "getDate" );
        $( "#picker2" ).datepicker( "option", "minDate", minDate );  
        $( "#picker2" ).datepicker( "refresh");  
        });

你能帮我解决这个问题吗？

谢谢！

Answer 1

尝试

$('#p1, #p2').datepicker();

$('#p1').change(function(){
    $('#p2').datepicker('option', 'minDate', $('#p1').datepicker('getDate'))
});

演示：小提琴

Answer 2

我怀疑getDate返回字符串。你可以这样尝试。

$("#picker1").button().click(function() {
        var minDate = $( "#picker1" ).datepicker( "getDate" );      
        $( "#picker2" ).datepicker( "option", "minDate",  new Date(minDate));  
        $( "#picker2" ).datepicker( "refresh");  
        });

Answer 3

几天后，对我来说工作的是：

$("#picker1").datepicker({
    onClose: function(selectedDate){
     $("#picker2").datepicker("option", "minDate",selectedDate);
    }
});

检索自：jQueryUi

在此日期之前的答案没有奏效。@Arun P Johny 的回答在 Fiddle 中运行良好，但在我的系统中却不行（我不知道为什么）。