如何使所有未来日期不可点击

时间:2013-02-18 15:56:50

标签: javascript jquery jquery-ui

我希望在今天之后禁用日历中的所有日期。今天的日期在下图中以黄色(Feb 23rd 2012)突出显示。所有其他未来日期应该是不可点击的。我怎么能这样做?

例如24日,25日....等不应该是可点击的

enter image description here

注意:            $('.datepicker').BlackoutDates.Add(new CalendarDateRange(DateTime.Now.AddDays(1), DateTime.MaxValue));不起作用

2 个答案:

答案 0 :(得分:2)

如果您使用的是JQuery UI datepicker calandar,请使用maxdate方法:http://api.jqueryui.com/datepicker/#option-maxDate

$( ".selector" ).datepicker({ maxDate: new Date() });

new Date()对应当前日期

演示http://jsfiddle.net/UQTY2/21/

答案 1 :(得分:0)

如果已在输入上初始化了datepicker向导,您还可以使用:

    $( ".selector" ).datepicker("option", {maxDate: "+0D" });

在初始化日期选择器之后,当一天结束并且新的一天开始时,这也应该有效。