Jquery 使用多日期日期选择器限制所选日期
我想将要选择的日期限制为仅3个日期。 我正在使用bootstrap4多个日期 我试着遵循这一点,但我似乎无法让它工作() 这是我的原始代码: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
<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{
宽度:适合内容!重要;
}