jquery - 未来日期或过去日期中的日期范围选择器

Question

我有一个表单，其中有两个动态文本框，用于从日期和截止日期中进行选择。这里我有一些限制，例如用户应该选择介于之间的日期

1) 仅过去日期
2) 仅未来日期
3) 当前日期和过去日期
4) 仅当前日期和未来日期
5) 所有日期

有什么办法可以处理 jQuery 日期范围选择器。或任何其他可用的插件。

Answer 1

如果您使用 jQuery DatePicker（来自 jQuery UI），则必须使用 API 提供的参数。

限制 1 个日期选择器的日期

1. maxDate像这样设置$( "#datepicker" ).datepicker({ maxDate: '-1d' });，在这里查看演示：http: //jqueryui.com/datepicker/#min-max和 API 文档：http: //api.jqueryui.com/datepicker/#option-minDate
2. 仅适用于未来日期的限制minDate和值相同'-1d'
3. maxDate与0价值相同
4. minDate与0价值相同
5. 不要设置minDate和maxDate

在此处查看 jsfiddle 示例：http: //jsfiddle.net/dv8tf7oo/

此外，这些限制也可以在运行时添加，而不仅仅是在 init 期间。

基本自/至字段

请参阅 jQuery UI 演示中的演示：http: //jqueryui.com/datepicker/#date-range

$(function() {
    $("#from").datepicker({
        onClose: function(selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate );
        }
    });
    $("#to").datepicker({
        onClose: function(selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate );
        }
    });
});

Answer 2

JQuery Datepicker 具有 minDate 和 maxDate 属性，可以设置为给定日期或根据当前日期计算。您可以使用其中一种或两种来满足您的要求。

见http://api.jqueryui.com/datepicker/#option-maxDate

例如，我使用以下内容将日期限制在 2014 年 1 月 28 日到今天之间

$("#datepicker").datepicker({
                changeMonth: true,
                changeYear: true,
                minDate: new Date(2014, 1-1, 28),
                maxDate: "+0D",
                dateFormat: "dd-MM-yy"
            });