Как сбросить календарь jquery DateRangePicker?

Question

[mxbeat]

Я использую JQuery плагин 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: [
				"Январь",
				"Февраль",
				"Март",
				"Апрель",
				"Май",
				"Июнь",
				"Июль",
				"Август",
				"Сентябрь",
				"Октябрь",
				"Ноябрь",
				"Декабрь"
			],
		}
	});

Как сделать, чтобы по клику на кнопке "Сбросить" на календаре сбрасывались выбранные даты.
Я очищаю input, но на календаре выбранные даты остаются. Вот код кнопки:

/* Reset Calendar */
	$('.reset').click(function () { 
		$('.calendar__input').val('');
	});

Вот рабочий пример календаря: https://codepen.io/maxbeat/pen/WNzgaMJ

Как сделать, чтобы по нажатию кнопки "Сбросить" все выбранные даты на календаре очищались и оставался выделен только текущий день?

Answer 1

[ThunderCat]

https://www.google.com/search?q=daterangepicker+re... первая ссылка.

Comments

[mxbeat]

Первая ссылка это как очистить value у input, это у меня реализовано, вопрос другой - как очистить даты на календаре

[ThunderCat]

mxbeat, ниже этого ответа есть 2 ответа с подробным объяснением как это сделать.

[mxbeat]

ThunderCat, эти два ответа не очищают выбранные даты в календаре, а лишь устанавливают в input заданные значения, так что это опять не про мой вопрос

[ThunderCat]

mxbeat, думаю достаточно будет стриггерить чендж на инпутах. ну или использовать встроенный метод на кансел кнопку $('.daterangepicker .cancelBtn').trigger('click');