Question

我有一个表单，其中有两个动态文本框，用于从日期和日期中选择。我有一些限制，如用户应选择日期之间

1）过去的日期只有 2）仅限未来日期 3）当前日期和过去日期
4）当前日期和未来日期仅 5）所有日期

有没有办法处理jQuery Date range Picker。或任何其他插件。

Answer 1

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

限制1个datepicker的日期

像maxDate这样设置$( "#datepicker" ).datepicker({ maxDate: '-1d' });，请在此处查看演示：http://jqueryui.com/datepicker/#min-max和API文档：http://api.jqueryui.com/datepicker/#option-minDate
相同的minDate和'-1d'值仅限以后的日期限制
使用maxDate 0值
使用minDate 0值
请勿设置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"
            });

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

2 个答案:

限制1个datepicker的日期

基本的从/到字段