Javascript 使用语义ui日历设置minDate和maxDate
有人已经使用语义用户界面日历了吗? 我被卡住了,如何将最小和最大时间设置为晚上11:00-早上6:00Javascript 使用语义ui日历设置minDate和maxDate,javascript,reactjs,vue.js,calendar,semantic-ui,Javascript,Reactjs,Vue.js,Calendar,Semantic Ui,有人已经使用语义用户界面日历了吗? 我被卡住了,如何将最小和最大时间设置为晚上11:00-早上6:00 let today = new Date(); let set_date = new Date(today.getFullYear(), today.getMonth(), today.getDate()); let set_next_date = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1); l
let today = new Date();
let set_date = new Date(today.getFullYear(), today.getMonth(), today.getDate());
let set_next_date = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
let min = new Date(set_date.setHours(23,0,0,0));
let max = new Date(set_next_date.setHours(6,0,0,0));
startTime.calendar({
type: 'time',
minDate: min,
maxDate: max,
onChange(date, text, mode){
self.updateStartTime(text)
},
})
endTime.calendar({
type: 'time',
minDate: min,
maxDate: max,
startCalendar: startTime,
onChange(date, text, mode){
self.updateEndTime(text)
}
})
你不需要像你所做的那样创建
date
实例来设置hours
,只要像我一样做,你就会得到你想要的
定义2个新变量并使用setHours
方法更改其小时数:
var minDate = new Date();
var maxDate = new Date();
minDate.setHours(6);
maxDate.setHours(23);
并初始化您的语义UI日历
,如下所示:
startTime.calendar({
type: 'time',
minDate: minDate,
maxDate: maxDate,
onChange(date, text, mode){
self.updateStartTime(text)
},
})
endTime.calendar({
type: 'time',
minDate: minDate,
maxDate: maxDate,
startCalendar: startTime,
onChange(date, text, mode){
self.updateEndTime(text)
}
})
我还提供了一个关于JSFIDLE的示例:
谢谢,先生。啊。但是我如何才能将minDate设置为晚上11:00(23),将maxDate设置为早上6:00(6)?