jquery - 使用多日期日期选择器限制所选日期

Question

我想将选择的日期限制为仅 3 个日期。 我正在使用 bootstrap4 多日期

我尝试遵循此操作，但似乎无法使其工作( Bootstrap Datepicker: How can I set limit to select 3 dates only? )

这是我的原始代码:

 <input type="text" placeholder="RESERVATION DATE" class="form-control datepicker">

 <script>
 var datesForDisable = ["9 1 2019","9 2 2019","9 3 2019"]
 var today = new Date();
 var dd = String(today.getDate()).padStart(2, '0');
 var mm = String(today.getMonth() + 1).padStart(2, '0'); //January is 0!
 var yyyy = today.getFullYear();

 $("input").datepicker({
         format: 'MM d, yyyy',
         autoclose: true,
         weekStart: 1,
         // calendarWeeks: true,
         todayHighlight: true,
         datesDisabled: datesForDisable,
         clearBtn: true,
         multidate: true,
         multidateSeparator: " , ",
         startDate: today,

         })
 </script>

我希望用户能够最多选择 3 个日期，并能够将这 3 个日期分别保存在数据库中

Answer 1

在这种情况下我建议使用弹出选择。它也更加用户友好并且选择更快。