ElementUI 中 DatePicker 日期选择器 picker-options 限制可选时间
DatePicker日期选择器的picker-options可以限制可选时间,自己找了一下午教程,终于弄好了,记录下来。
代码如下:
<el-form-item label="课程日期" prop="courseDay"><div class="block"><span class="demonstration"></span><el-date-picker v-model="dataForm.courseDay"type="date":picker-options="pickerTime"placeholder="选择日期"></el-date-picker></div></el-form-item>
数据部分设置pickerTime
选择的日期的时间是该日期的0点,所以判断如果0点小于当前时间减去16个小时,则该日期被禁用。
假如现在16点零一秒,那么判断选择的那天的0点是否小于0点零一秒,如果小于说明超过16点,禁用。
太绕了, 想了十分钟才想明白。
return {pickerTime: {disabledDate:time=> {//假如当天过了16点,就只能选择下一天的return time.getTime() < new Date().getTime()-16*3600*1000}}}