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



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

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

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

如果使用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-最小日期
  2. minDate'-1d'值相同,仅限未来日期限制
  3. 使用maxDate0值时相同
  4. 使用minDate0值相同
  5. 不设置minDatemaxDate

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

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

基本发件人/收件人字段

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

$(function() {
    $("#from").datepicker({
        onClose: function(selectedDate) {
            $("#to").datepicker("option", "minDate", selectedDate );
        }
    });
    $("#to").datepicker({
        onClose: function(selectedDate) {
            $("#from").datepicker("option", "maxDate", selectedDate );
        }
    });
});
JQuery Datepicker具有minDate和maxDate属性,可以设置为给定日期或根据当前日期计算。您可以使用其中一个或两个来满足您的需求。

请参阅http://api.jqueryui.com/datepicker/#option-最大日期

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

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

最新更新