这篇文章介绍elementUI中el-date-picker禁用指定日期之前或之后的日期,通过配置picker-options配置指定禁用日期(pickerOptions写到data里面),感兴趣的朋友跟随小编一起看看吧
一、elementUI中el-date-picker禁用指定日期之前或之后的日期
通过配置picker-options配置指定禁用日期(pickerOptions写到data里面)
1.今天之前的日期禁止选择
pickerOptions: { disabledDate(time) { return time.getTime()
2.不能选择今日之后的日期(今天可选)
pickerOptions: { disabledDate(time) { return time.getTime() > Date.now(); } }
解析:(1)Date.now()获取当前时间(表示自 UNIX 纪元开始(1970 年 1 月 1 日 00:00:00 (UTC))到当前时间的毫秒数)
(2)- 8.64e7 表示可选择当天时间(注:小于当前时间,- 8.64e7 则是禁用日期不包含当前日,若大于当前日期, 8.64e7 则是禁用日期包含当前日)
time.getTime()
time.getTime() > Date.now() - 8.64e7 禁用日期包含当前日
(3)time.getTime()
3.禁用指定日期,如禁用大于2023-04-05日期,包括当天也不可选
pickerOptions: { disabledDate(time) { return time.getTime() > this.specifyDate - 8.64e7; } }
解析:this.specifyDate是指定日期,- 8.64e7 表示可选择当天日期,
例如:return time.getTime() > new Date("2023-04-05").getTime() - 8.64e7;
附加:h5写法
设置禁止选择小于今天的日期,通过min设置【max禁止选择大于今天的日期】
const date_now = new Date(); const year = date_now.getFullYear(); const month = date_now.getMonth()+1 <10 ? "0" + (date_now.getmonth() 1) : 1); const date=date_now.getDate() < 10 date_now.getdate() date_now.getdate(); $("#finishtime").attr("min", year "-" month date);< pre>
到此这篇关于el-date-picker禁用指定日期之前或之后的日期的文章就介绍到这了,更多相关el-date-picker禁用指定日期内容请搜索0133技术站以前的文章或继续浏览下面的相关文章,希望大家以后多多支持0133技术站!
以上就是elementUI中el-date-picker如何禁用指定日期之前或之后的日期的详细内容,更多请关注0133技术站其它相关文章!