日期选择器在Jquery UI / Jquery Easy UI中选择特定的日期范围

时间:2012-04-15 18:19:10

标签: javascript jquery jquery-ui jquery-easyui

我目前正在使用jquery easy ui日期选择器。这是documentation,只有几个选项,所以看你不会超过一分钟。它很好,但我需要在明天和30天内选择一个范围的日期

例如,如果今天是16/4/2012,那么范围应该是 17/4/2012到16/5/2012 ,我觉得很难开始,因为我不这样做知道如何使用jquery获取当前日期并设置范围,在读取该文档后禁用可选项。

谢谢。

另外,如果jquery easyui不是一个好的选择,任何推荐?我也在使用jquery ui。如果使用其中任何一个回答

,我们将不胜感激

2 个答案:

答案 0 :(得分:2)

内置的jQuery UI Datepicker可以设置minDatemaxDate个选项。

<input id="test" type="text" />

以下是根据您的要求进行设置的方法:

$('#test').datepicker({
    minDate: '+1d', // Minimum date of 1 day from now (tomorrow)
    maxDate: '+30d' // Maximum date of 30 days from now (or '+1m' for 1 month)
});

这样只允许minDatemaxDate之间的日期可供选择;所有其他人都将被禁用。

答案 1 :(得分:2)

使用jQuery UI,您可以使用minDatemaxDate语法。 +1+30将分别在明天和30天内的日期。

相应地设置options

$(function() {
    $( "#datepicker" ).datepicker({
        minDate: +1,
        maxDate: +30
    });
});​

您可以查看a working example here