1

Хотела реализовать следующий функционал: слева располагается статичная и всегда открытая карта, которая позволяет выбирать дату и подсвечивать ее, а в другом месте вывести выбранную дату, рисунок прилагаю.введите сюда описание изображения

Выбрала карту Air Datepicker, вывела карту на экран, стилизовала её. Хотела словить событие выбора даты, однако никак не получается это сделать. Код прилагается. Разметка:


    <div class="form__calendar">
        <p class="form__calendar-title">
            Выберите дату посещения
        </p>
        <div id="datepicker" class="datepicker-here" data-inline="true"></div>
    </div>

Срипт:

$(".datepicker-here").datepicker( "option", "onSelect", function (dt) {
    console.log('lolkekcheburek');
});

Но в консоль не выводится ничего. Пробовала инициализировать карту вручную - все равно провал. Пробовала вместе с использовать - все равно провал. Подскажите, в каком месте я допускаю ошибку? Спасибо!

2
  • $(".datepicker-here").datepicker( { onSelect: function () { console.log("^_^"); }, } ); — пробуйте так... 23 ноя 2019 в 21:59
  • Нет, так тоже не работает... :( 24 ноя 2019 в 10:18

1 ответ 1

0

Возможно, у вас какие-то ошибки, не связанные с данной библиотекой.

Пример из документации, который работает.

$('.datepicker-here').datepicker({
  onSelect: function(fd) {
    console.log(fd)
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/js/datepicker.min.js" integrity="sha256-0prQxFtdWQNa3vW5JDMbvbBp6ehKzf9UIWqFGZIWPPE=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/air-datepicker/2.2.3/css/datepicker.min.css" integrity="sha256-q0wZgzQ6Ru67x+pIe9IAztrnlHNHyZui3BMwqUYDnpI=" crossorigin="anonymous" />

<input type='text' class="datepicker-here" data-inline="true" />

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.