如何清除/重置DateRangePicker日历？

Question

我有JQuery插件，DateRangePicker日历和重置按钮。如何清除/重置DateRangePicker日历中选定的日期？

/* Calendar init */ 
$('.calendar__input').daterangepicker({
        alwaysShowCalendars: true, 
        linkedCalendars: false, 
        showDropdowns: true, 
        autoApply: true, 
        parentEl: $('.calendar__body'), 
        minDate: new Date(), 
        maxYear: parseInt(moment().add(5, "years").format('YYYY')), 
        locale: {
            firstDay: 1,
            format: 'DD.MM.YYYY',
            daysOfWeek: [
                "Вс",
                "Пн",
                "Вт",
                "Ср",
                "Чт",
                "Пт",
                "Сб"
            ],
            monthNames: [
                "Январь",
                "Февраль",
                "Март",
                "Апрель",
                "Май",
                "Июнь",
                "Июль",
                "Август",
                "Сентябрь",
                "Октябрь",
                "Ноябрь",
                "Декабрь"
            ],
        }
    });
    
    /* Reset Calendar */
    $('.reset').click(function () { 
        $('.calendar__input').val('');
    });

CodePen：https://codepen.io/maxbeat/pen/WNzgaMJ

Answer 1

设置全局变量var today = new Date();

在重置按钮中放置：

$('.calendar__input')
  .data('daterangepicker')
  .setStartDate(today);
$('.calendar__input')
  .data('daterangepicker')
  .setEndDate(today);
$('.calendar__input')
  .data('daterangepicker')
  .updateCalendars();

这将设置新的日期，但您需要在此之后进行updateCalendars。