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

Question

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

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"
         });
 });

Vincent 26 сен. 2013, в 04:19

Источник

Теги:

jquery

2 ответа

2

Для выбора диапазонов дат см. Отличный пример на странице jquery ui:

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

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

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

Gigo 26 сен. 2013, в 00:09

Ещё вопросы

Tushar Gupta · Accepted Answer · 2013-09-25T23-09-00.000Z

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);
});

объяснение

Установите maxDate:'0' поэтому никакая будущая дата не выбрана 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