Element-UI 日期选择器-时间范围控制

DatePicker 日期选择器: Element官网地址
在日常开发中,我们会遇到一些情况,限制日期的范围的选择(例如:货物的起运时间,你限制不能选择今天之前的时间)

一、单个日期控制

代码:




限制不能选择今天之前的日期(可选今天的日期)

 

限制不能选择今天之前的日期(不能选今天的日期)

 

二、两个日期联动控制

前提条件:
1、当天日期为:2019-10-24
2、两个日期选择框:起运时间、送达时间
限制情况:
1、起运时间、送达时间都不能选择今天之前的日期(即:2019-10-24至今后)
2、若起运时间选择了2019-10-25,送达时间便不能选择2019-10-25之前的日期(即:2019-10-25至今后)
3、若送达时间选择了2019-10-26,起运时间时间便不能选择今天之前的日期,且不能选择2019-10-26之后的日期(即:2019-10-24至2019-10-26)

代码:





 

相关文章:https://www.cnblogs.com/xjcjcsy/p/7977966.html

你可能感兴趣的:(Vue)