日期選擇器不超過當前日期

我有一個日期選擇器標記爲我的畢業生。我如何限制我的日期選擇器超出當前日期。要麼。我如何限制用戶不要選擇未來日期。也有一個驗證所選「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" 
     }); 
});

來源

2013-09-26 Vincent

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

來源

2013-09-26 01:55:03