Datepicker не превышая на текущую дату

Question

я есть DatePicker помеченный для моего года Graduate. как я могу ограничить свой дампикер превышением на текущую дату. Или. как я могу ограничить пользователя не выбирать будущую дату. также есть подтверждение, что выбранный «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" 
     }); 
}); 

Answer 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 ид дата-подборщика

Pass выбранная дата для to является дата-подборщика с помощью onSelect метода и установить его как minDate вариант в to сборщик даты, поэтому что to дата всегда больше from дата.

Ссылки

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

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

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

Answer 2

Для выбора диапазонов дат см отличный пример на странице JQuery Ui:

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

Вы можете использовать minDate и maxDate вариант для ограничения доступных дат и onClose события каждого DatePicker обновить мин/макс-дату на другом DatePicker для достижения действительного выбора диапазона.

Обратите внимание, что minDate и maxDate принимают различные значения. Если значение представляет собой число, оно понимается как смещение с сегодняшнего дня, то есть нуль будет сегодня, -1 будет вчера и так далее.