Блог

Я хотел бы добавить календарь в мою форму бронирования, которая находится в модальном формате. Поскольку я использую модальный, экран зависает в режиме мобильного просмотра, если я также использую календарь как модальный (или всплывающий …).

Есть ли какой-либо способ использовать календарь по-другому?

Мой код выглядит следующим образом:

       <div class="modal-body">
        <select class="custom-select">
          <option selected>Customers</option>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
          <option value="5">5</option>
          <option value="6">6 </option>
        </select>

        <p>Pick a date: <input type="text" id="datepicker"></p>
        <script>
        $( function() {
          $( "#datepicker" ).datepicker();
        } );
        </script>
  

Для выбора даты доступно множество плагинов, использующих jquery или javascript. Но если вы хотите в модальной форме, используя bootstrap. Вы можете проверить пример ссылки ниже. Это может дать вам представление о том, как выполнять поток.

Пример кода Удачного кодирования.