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

【问题标题】：Date picker select a specific range of date in Jquery UI / Jquery Easy UI日期选择器在 Jquery UI / Jquery Easy UI 中选择特定范围的日期
【发布时间】：2012-04-15 18:19:09
【问题描述】：

我目前正在使用 jquery easy ui 日期选择器。这是documentation，只有几个选项，所以你不会花超过一分钟的时间来看看。这很好，但我需要选择从明天开始到 30 天内的范围的日期

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

谢谢。

另外，如果 jquery easyui 不是一个好的选择，有什么建议吗？我也在使用 jquery ui。如果使用其中任何一个回答，将不胜感激

【问题讨论】：

标签： javascript jquery jquery-ui jquery-easyui

【解决方案1】：

借助 jQuery UI，您可以使用 minDate 和 maxDate 语法。 +1 和 +30 分别是明天和 30 天内的日期。

相应地设置options。

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

您可以查看a working example here。

【讨论】：

如何使用 Jquery Easy UI 设置 minDate 和 maxDate。请帮帮我。

【解决方案2】：

内置的jQuery UI Datepicker 有minDate 和maxDate 可以设置的选项。

<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)
});

这将只允许选择minDate 和maxDate 之间的日期；所有其他人都将被禁用。

【讨论】：