element-ui: 日期时间选择器校验

路痴不脸盲 2020-09-12 10:09:45
element-ui两个日期时间选择器,结束时间选择器的可选择范围,不得早于开始时间。
请问大家有做过这种校验吗,api官网上只有disabled属性是限制日期范围的,没有限制日期和时间的属性。
...全文
5040 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
風灬雲 2020-09-14
  • 打赏
  • 举报
回复
type="datetimerange" 区间选择 先后顺序组件已经处理了 小的日期就是开始日期 和 选择先后顺序无关 时间也做了限制 picker-options.disabledDate 设置不能选择的日期
简_洋 2020-09-14
  • 打赏
  • 举报
回复
你如果想实现需求的话只能你自己验证了,你两个选择器没有关联。自己验证吧, 下面代码是一个配置放在时间选择器里面,配置的是不能选择今天以前的时间,你改改里面的时间戳应该能得到你想要的限制选择某个点之前的选择。 <el-date-picker v-model="times" range-separator="~" value-format="timestamp" start-placeholder="开始日期" :picker-options="pickerOptions" ></el-date-picker> pickerOptions: { disabledDate(time) { return time.getTime() < Date.now() - 3600 * 1000 * 24; } },//data中定义
路痴不脸盲 2020-09-14
  • 打赏
  • 举报
回复
但是需求就是这样子,两个选择器要分开,不能用type="datetimerange"。
路痴不脸盲 2020-09-12
  • 打赏
  • 举报
回复

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧