模态日历 - Bootstrap 4

Question

我想在我的模态预订表格中添加一个日历。因为我使用的是模式，所以如果我也使用日历作为模式（或弹出框...），屏幕会在移动视图中冻结。

有没有办法以不同的方式使用日历？

我的代码如下：

      <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>

Answer 1

有许多可用于使用 jquery 或 javascript 的日期选择器的插件。但是，如果您想使用引导程序以模态形式出现。您可以查看下面的链接示例。它可以让您深入了解如何进行流程。

Sample code 编码愉快。