jquery datetime picker设置minDate动态

Question

我们正在使用trentrichardson.com的datetimepicker.

我有一个带有两个输入字段的表单:from和to我希望能够动态地将minDate设置为我的"to"字段,该字段等于我的"from"字段的值.

我知道我应该使用beforShow选项,但不知道如何实现该功能.

$('.from,.to').datetimepicker({

    beforeShow: customRange

});

编辑/解决方案

function customRange(input) {   
if (input.id == 'to') {     
var x=$('#from').datepicker("getDate");
$( ".to" ).datepicker( "option", "minDate",x ); 
} 
else if (input.id == 'from') {     
var x=$('#to').datepicker("getDate");
$( ".from" ).datepicker( "option", "maxDate",x ); 
} } 

Answer 1

你可以使用setter和getter动态设置和获取minDate:

//getter
var minDate = $( ".selector" ).datepicker( "option", "minDate" );
//setter
$( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );

在这里解释

Answer 2

如果你有两个文本框与相应的ID from,并to和你想minDate的to是所选择的日期from,然后执行以下操作:

$("#from").datepicker({
    minDate: 0, // to disable past dates (skip if not needed)
    onClose: function(selectedDate) {
        // Set the minDate of 'to' as the selectedDate of 'from'
        $("#to").datepicker("option", "minDate", selectedDate);
    }
});

$("#to").datepicker();