Jquery 使用多日期日期选择器限制所选日期

Jquery 使用多日期日期选择器限制所选日期,jquery,bootstrap-4,datepicker,Jquery,Bootstrap 4,Datepicker,我想将要选择的日期限制为仅3个日期。 我正在使用bootstrap4多个日期 我试着遵循这一点,但我似乎无法让它工作() 这是我的原始代码: <input type="text" placeholder="RESERVATION DATE" class="form-control datepicker"> <script> var datesForDisable = ["9 1 2019","9 2 2019","9 3 2019"] var today = n

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

我试着遵循这一点,但我似乎无法让它工作()

这是我的原始代码:

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

var datesForDisable=[“9.1 2019”、“9.2 2019”、“9.3 2019”]
var today=新日期();
var dd=String(today.getDate()).padStart(2,'0');
var mm=String(today.getMonth()+1).padStart(2,'0')//一月是零!
var yyyy=today.getFullYear();
$(“输入”).datepicker({
格式:“MM d,yyyy”,
自动关闭:是的,
周开始:1,
//日历周:是的,
今天的亮点:没错,
datesDisabled:DatesFordiable,
没错,
多日期:对,
多日期分隔符:“,”,
开始日期:今天,
})

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

我建议在这种情况下使用弹出选择。它对用户更友好,选择也更快捷。

如果您正在使用,则不再有changeDate事件或限制最大日期数的属性

相反,您可以使用和选项来限制您可以选择的最大日期数

片段:

var datesForDisable=[时刻(“2019年9月30日”、“2019年9月29日”、“2019年9月29日”)、时刻(“2019年9月28日”、“2019年9月28日”);
$('#datetimepicker2')。datetimepicker({
allowMultidate:true,
格式:“MMM Do,YYYY”,
多日期分隔符:',',
disabledDates:DatesFordiable,
日历周:是的,
按钮:{
今日秀:没错,
昭然若揭:错,
showClose:对
}
});
$('#datetimepicker2')。on('change.datetimepicker',函数(e){
如果(e.date!=false&&$(this).datetimepicker('date').split(',').length>3){
$(this.find('td.day.active:contains('moment(e.date).format('D')+'))).trigger('click');
}
});
.bootstrap-datetimepicker-widget.dropdown-menu{
宽度:适合内容!重要;
}