JQuery DatePicker для 4 входных текстовых полей с ограничивающим диапазоном)

Question

Я хочу использовать средство выбора даты и времени в текстовом поле 4.

JQuery datepicker для 4 входных текстовых полей с ограничивающим диапазоном

Дата ввода / выбора во втором текстовом поле должна быть равна / больше (но не меньше) первого текстового поля, аналогично, дата ввода в третьем текстовом поле должна быть больше / равна (но не меньше) второго текстового поля, и, наконец, четвертое текстовое поле должно быть больше (но не меньше) третьего текстового поля.

Реализация выбора даты и времени в двух вводимых текстовых полях кажется простой ... но как я могу реализовать выбор даты и времени в более чем двух входных текстовых полях. Нужна помощь в этой проблеме. вот скриншот

Answer 1

Предположим, что первое текстовое поле отправления имеет идентификатор fd1, а второе - fd2.Вы можете сделать что-то вроде следующего:

$("#fd1").datepicker({
     onSelect: function (theDate) {
                   //theDate is the date String inside the fd1 textField
                   //create a date var and add it to the fd2 datepicker as minDate
                    var then= new Date();
                    var day = parseInt(theDate.substring(0, 2)) + 1;
                    var month = parseInt(theDate.substring(3, 5));
                    var year = theDate.substring(6, 10);
                    then.setFullYear(year, month - 1, day);
                   $("#fd2").datepicker('option', 'minDate', then);
               }
});

ДОПОЛНИТЕЛЬНО ВНИМАНИЕ: в предыдущем примере формат даты - dd / MM / YYYY - например, 16/02/2011, вы должны изменить функции подстроки согласнов ваш формат даты.

Во втором поле даты вы устанавливаете в качестве минимальной даты дату первой.Вы сделаете то же самое для второго -> третьего, третьего -> четвертого поля даты.