2014-02-14 154 views
0

我有两个日期选择器。禁用天jquery日期选择器

开始日期和结束日期。

我正试图在开始日期的选定日期之下禁用“结束日期”日期选择器中的日期。

我尝试下面的代码:

$(function() { 
    $("#datepicker1").datepicker({ 
     dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true,onSelect: function(selected) { 
     $("#datepicker2").datepicker("option","minDate", selected); 
    } 
    }); 
    }); 
    $(function() { 

    $("#datepicker2").datepicker({ 
     dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true,onSelect: function (selected) { 

    } 
    }); 

    }); 

是当选择开始日期的日期只禁用。

保存后(页面重新加载),现在启用了先前禁用的日期。

现在用户可以在结束日期的开始日期之前选择日期。

谢谢!

+0

初始化'#datepicker2'时,您从来没有设置'minDate'选项,这样你能指望什么?您只需将其作为初始化的一部分,使用#datepicker1的当前选定日期。 –

+0

谢谢你,它在初始化minDate后datepicker 2 – user3173392

回答

0

尝试onClose,而不是像onSelect

$("#datepicker1").datepicker({ 
    dateFormat: "mm/dd/yy" , 
    showOn: "both", 
    buttonImage: "images/cal.gif", 
    buttonImageOnly: true, 
    onClose: function (selectedDate) { 
     $("#datepicker2").datepicker("option", "minDate", selectedDate); 
    } 
}); 

看到这个FIDDLE

+0

问题仍然存在,保存细节后,日期再次启用。 – user3173392

+0

然后最初禁用第二个日期选择器,并启用只有当第一次被选中 – Gautam3164

+1

它的工作,我设置minDate在#datepicker2和禁用外侧选择,谢谢! – user3173392

相关问题