Как выбрать значение datepicker для начальной загрузки и опубликовать его в форме календаря с несколькими датами

1

У меня проблема с bootstrap datepicker...

Мне нужен календарь на моей странице html, в котором я могу выбрать несколько дат и POST все даты с формой.

Я попробовал bootstrap datepicker. Мой код выглядит следующим образом

$('.datepicker').datepicker({
  multidate:true,
  format:'yyyy-mm-dd',
  clearBtn: true,
  todayHighlight: true
 });
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>

 <div class="datepicker"></div>

Поэтому то, что я делаю по этой выбранной дате, опубликует с формой

Спасибо...

Теги:
bootstrap-4
datepicker

1 ответ

1
Лучший ответ

Вы можете использовать метод getDates. https://bootstrap-datepicker.readthedocs.io/en/latest/methods.html#getdates

См. Этот пример https://codepen.io/D-Heap/pen/zPrJyw

В демонстрации кнопка собирает выбранные данные и выводит значения на консоль. Вы можете использовать их в запросе Ajax для POST. https://api.jquery.com/jquery.post/

Я бы рекомендовал использовать идентификатор (уникальный) для вашего элемента datepicker для предотвращения столкновений.

<div id="datepicker"></div>
Поделиться
  • 0
    Спасибо .... Могу ли я изменить формат даты здесь ... ???
  • 0
    @GyandeepSharma - Вы можете форматировать даты во время обработки переменной POST. Пожалуйста, примите мой ответ, если это сработало для вас.
Показать ещё 4 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню