Пользовательский интерфейс Jquery DateTimePicker добавляет 3 дня к текущей дате и отключает будущие даты в datePickerStart и datePickerEnd с помощью метода dp.change - PullRequest
0 голосов
/ 12 октября 2019

Итак, после большого поиска переполнения стека я не нашел лучшего решения для своего кода ниже. Мой фактический вопрос, у меня есть datetimepicker, и я хочу добавить 3 дня к datePickerStart и отключить его прошлые даты, также с dp.change Я хочу, чтобы те 3 дня с текущей датой были показаны в следующем datetimepicker, который datePickerEnd и отключить его прошлые и будущие даты, кроме добавленных 3 дней. Я имею в виду, чтобы показать только 3 дня в следующем сборщике. Например, если пользователь выбрал 12-ю дату, он должен показывать от 12 до 14 дат в следующем сборщике, если пользователь выбирает 21-ю дату, тогда он должен показывать от 21 до 23 дат в следующем сборщике и так далее. Следуя написанному мною коду, который отлично работает, но не с вышеуказанными функциями.

$('.datePickerStart').datetimepicker({
    format: 'DD-MM-YYYY',
    minDate: new Date()
}).on('dp.change', function(e){
    var parent = $($(this).parents('.row')[0]),
        endDate = parent.find('.datePickerEnd');
    endDate.data("DateTimePicker").minDate(e.date).show();
});

$('.datePickerEnd').datetimepicker({
    format: 'DD-MM-YYYY',
    minDate: new Date(),
    useCurrent: false
}).on('dp.change', function(e){
    var parent = $($(this).parents('.row')[0]),
        startDate = parent.find('.datePickerStart');
    startDate.data("DateTimePicker").maxDate(e.date);
});

Любая помощь будет оценена. Заранее спасибо.

...