1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > ElementUI 中 DatePicker 日期选择器 picker-options 限制可选时间

ElementUI 中 DatePicker 日期选择器 picker-options 限制可选时间

时间:2019-03-17 14:37:53

相关推荐

ElementUI 中 DatePicker 日期选择器 picker-options 限制可选时间

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。