2013-09-26 95 views
0

我有一个日期选择器标记为我的毕业生。我如何限制我的日期选择器超出当前日期。要么。我如何限制用户不要选择未来日期。也有一个验证所选“dateTo”日期会比“dateFrom”大日期选择器不超过当前日期

,这里是我的html代码

<label>Year Graduated from</label> 
    <input id="dateFrom" type="date"> 
<label>Year Graduated to</label> 
     <input id="dateTo" type="date"> 

,这里是我的jQuery代码

$("#date_assigned").datepicker({ 
    showOtherMonths: true, 
    selectOtherMonths: true, 
    dateFormat: "mm/dd/yy" 
    }); 
    }); 

$(function() { 
     $("#date_returned").datepicker({ 
     showOtherMonths: true, 
     selectOtherMonths: true, 
     dateFormat: "mm/dd/yy" 
     }); 
}); 

回答

1

DEMO

$(function() { 
    var dateFormat = 'dd.mm.yy'; 

    $("#from").datepicker({ 
     maxDate: '0', 
     dateFormat: dateFormat, 
     onSelect: function (selectedDate) { 
      var date = $.datepicker.parseDate(dateFormat, selectedDate) 
      var tod = date.setDate(date.getDate()); 
      $to.prop('disabled', false).datepicker("option", "minDate", new Date(tod)); 
     } 
    }); 
    var $to = $("#to").datepicker({ 
     dateFormat: dateFormat 
    }).prop('disabled', true); 
}); 

说明

设置所以没有前途的日期是from ID日期选择器选择

通行证选定日期to使用日期选择器onSelect方法并将其设置为minDate选项to date-picker so即to日期总是大于from日期。

参考

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

http://api.jqueryui.com/datepicker/#option-minDate

http://api.jqueryui.com/datepicker/#option-onSelect

2

对于选择日期范围看jquery ui上的优秀例子:

http://jqueryui.com/datepicker/#date-range

您可以使用minDatemaxDate选项来限制每个日期选择器的可用日期和onClose事件以刷新其他日期选择器上的最小/最大日期以实现有效范围选择。

请注意,minDatemaxDate接受一系列不同的值。如果该值是一个数字,则它被理解为从今天开始的偏移量,即零将在今天,-1将是昨天等等。

相关问题