Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用语义ui日历设置minDate和maxDate_Javascript_Reactjs_Vue.js_Calendar_Semantic Ui - Fatal编程技术网

Javascript 使用语义ui日历设置minDate和maxDate

Javascript 使用语义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

有人已经使用语义用户界面日历了吗? 我被卡住了,如何将最小和最大时间设置为晚上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);


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