@ziqq

Как в air-datapicker повесить выбор даты на кнопку?

Суть вопроса такая, есть календарь 5b98fc1d9a0a6782169936.png нужно сделать так, что бы по клику на крестик он закрывался и дата не менялась, даже если дата была изменена, а вот по клику на кнопку Выбрать дату - дата менялась.

<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');
                });
  • Вопрос задан
  • 577 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы