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