素材巴巴 > 程序开发 >

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

程序开发 2023-09-10 11:09:07

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

DatePicker日期选择器的picker-options可以限制可选时间,自己找了一下午教程,终于弄好了,记录下来。
在这里插入图片描述
代码如下:

数据部分设置pickerTime
选择的日期的时间是该日期的0点,所以判断如果0点小于当前时间减去16个小时,则该日期被禁用。
假如现在16点零一秒,那么判断选择的那天的0点是否小于0点零一秒,如果小于说明超过16点,禁用。
太绕了, 想了十分钟才想明白。

return {pickerTime: {disabledDate:time=> {//假如当天过了16点,就只能选择下一天的return time.getTime() < new Date().getTime()-16*3600*1000}}
 }
 

标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。