Как я могу использовать DateRangePicker в качестве SingleDatePicker, не задействуя эту опцию и не теряя функциональностьJquery

Программирование на jquery
Ответить
Anonymous
 Как я могу использовать DateRangePicker в качестве SingleDatePicker, не задействуя эту опцию и не теряя функциональность

Сообщение Anonymous »

Я использую этот плагин jQuery DateRangePicker, и он идеально работает, когда вы используете его с диапазонами дат, но я также хочу иметь возможность выбирать только одну дату, не теряя при этом функциональности диапазона. Другими словами: если вы откроете оба календаря и выберете только дату из каждого, я хочу иметь возможность нажать кнопку «Применить». Моя проблема: событие click для календарей не отображается, и поэтому я не могу уловить, когда и где пользователь нажимает.
Я знаю, что плагин предлагает настройку SingleDatePicker< /code> что когда для него установлено значение true отображается только один календарь, но это не то, что я ищу. Если я принудительно это сделаю, второй календарь не появится.
См. мой код ниже (скрипт здесь):

Код: Выделить всё

$(document).ready(function () {
const dateRangePicker = $('.dateRangePicker');
dateRangePicker.daterangepicker({
autoUpdateInput: false,
linkedCalendars: false,
opens: 'left',
locale: {
cancelLabel: 'Clear'
},
timePicker: false,
format: 'm/d/Y'
});

dateRangePicker.on('apply.daterangepicker', function (ev, picker) {
const startDate = picker.startDate.format('MM/DD/YYYY');
const endDate = picker.endDate.format('MM/DD/YYYY');

if (startDate === endDate) {
$(this).val(startDate);
} else {
$(this).val(startDate + ' ... ' + endDate);
}
});

dateRangePicker.on('showCalendar.daterangepicker', function (ev, picker) {
$('.applyBtn').prop('disabled', true);
});

dateRangePicker.on('cancel.daterangepicker', function (ev, picker) {
$(this).val('');
});
});
как только вы нажимаете дату в любом календаре, плагин заставляет меня выбрать вторую дату, которую я бы выбрал или нет, потому что в моей форме я всегда могу принудительно указать диапазон, Мне нужно добавить возможность выбирать дату или диапазон дат.
Могу ли я получить идеи о том, как обмануть плагин, чтобы добиться того, что я ищу?

Подробнее здесь: https://stackoverflow.com/questions/790 ... e-option-a
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»