Суть вопроса такая, есть календарь
нужно сделать так, что бы по клику на крестик он закрывался и дата не менялась, даже если дата была изменена, а вот по клику на кнопку Выбрать дату - дата менялась.
<input class="bb-date__input js-date" type="text" placeholder="дд.мм.гг">
var $datepicker = $('.js-date');
var dateToday = new Date();
$datepicker.each(function() {
$(this)
.datepicker({
classes: 'bb-datepicker',
dateFormat: 'dd.mm.yy',
autoClose: true,
minDate: dateToday,
inline: true
})
.on('click', function() {
$(this)
.next()
.addClass('is-open');
$html.addClass('is-fixed');
})
.data('datepicker')
.selectDate(dateToday);
});
let $datepickerInline = $('.datepicker-inline');
let header = $(
'<div class= "datepicker-inline__header"><span>Выберите дату</span> <svg class="icon icon-close datepicker-inline__close js-date-inline--close"><use xlink:href="img/sprite.svg#close"></use></svg></div>'
);
let btn = $(
'<div class="datepicker-inline__btn"><button class="btn btn-default datepicker-inline__btn js-date-inline--select">Выбрать дату</button></div>'
);
$datepickerInline
.find('.datepicker')
.wrap('<div class="datepicker-inline__inner">');
header.prependTo($datepickerInline);
btn.appendTo($datepickerInline);
$(document).on('click', '.js-date-inline--close', function(e) {
e.stopPropagation();
$(this)
.closest('.datepicker-inline')
.removeClass('is-open')
.end()
.data('datepicker')
.selectDate();
$html.removeClass('is-hidden');
});