После выбора даты начала, он устанавливает то же значение в другом текстовом поле ввода даты окончания - PullRequest
0 голосов
/ 29 мая 2019

У меня есть два входных текстовых поля, первое для даты начала и второе для даты окончания.Когда я пытаюсь выбрать дату в поле ввода Пуск, она выбирает ту же дату в другом поле ввода:

enter image description here

Но я хочу вывод, подобный этому:

enter image description here

Вот два входа

input type="text" class="form-control" placeholder="Start Date" name="Start" id="dt1"

input type="text" class="form-control" placeholder="End Date" name="End" id="dt2"

PS Я получил код где-то в интернете.

$(document).ready(function () {
    $("#dt1").datepicker({
        dateFormat: "dd-M-yy",
        //minDate: 0,
        onSelect: function () {
            var dt2 = $('#dt2');
            var startDate = $(this).datepicker('getDate');
            //add 30 days to selected date
            startDate.setDate(startDate.getDate() + 30);
            var minDate = $(this).datepicker('getDate');
            var dt2Date = dt2.datepicker('getDate');
            //difference in days. 86400 seconds in day, 1000 ms in second
            var dateDiff = (dt2Date - minDate)/(86400 * 1000);

            //dt2 not set or dt1 date is greater than dt2 date
            if (dt2Date == null || dateDiff < 0) {
                    dt2.datepicker('setDate', minDate);
            }
            //dt1 date is 30 days under dt2 date
            else if (dateDiff > 30){
                    dt2.datepicker('setDate', startDate);
            }
            //sets dt2 maxDate to the last day of 30 days window
            dt2.datepicker('option', 'maxDate', startDate);
            //first day which can be selected in dt2 is selected date in dt1
            dt2.datepicker('option', 'minDate', minDate);
        }
    });
    $('#dt2').datepicker({
        dateFormat: "dd-M-yy",
       // minDate: 0
    });
});

...