社区
JavaScript
帖子详情
element-ui: 日期时间选择器校验
路痴不脸盲
2020-09-12 10:09:45
element-ui两个日期时间选择器,结束时间选择器的可选择范围,不得早于开始时间。
请问大家有做过这种校验吗,api官网上只有disabled属性是限制日期范围的,没有限制日期和时间的属性。
...全文
5040
4
打赏
收藏
element-ui: 日期时间选择器校验
element-ui两个日期时间选择器,结束时间选择器的可选择范围,不得早于开始时间。 请问大家有做过这种校验吗,api官网上只有disabled属性是限制日期范围的,没有限制日期和时间的属性。
复制链接
扫一扫
分享
转发到动态
举报
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
打赏
举报
回复
详解
element
-
ui
设置下拉选择切换必填和非必填
主要介绍了详解
element
-
ui
设置下拉选择切换必填和非必填,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
vue
element
ui
时间
选择器
设置
需求:设置
时间
选择器
,只能选择2018-01-01之后切小于当前
时间
的数据 data() { return { pickerOptions0: { disabledDate: time => { // 使用2018年的毫秒
时间
戳判断 return time.getTime() Date.now(); } }, pickerOptions1: { disabledDate: time => { // 使用2018年的毫秒
时间
戳判断 return time.getTime() Date.now(); } } } } 在发送请求之前进行
日期
的判断,
Element
-
UI
日期
选择器
-
时间
范围控制
Element
UI
是饿了么推出的一套基于vue2.x的一个
ui
框架。官方文档也很详细,这里做一个
element
-
ui
日期
插件的补充。 官方文档中使用picker-options属性来限制可选择的
日期
,这里举例子稍做补充。 单个输入框的 组件代码: &amp;amp;lt;el-date-picker v-model=&amp;quot;value1&amp;quot; type=&am
element
-
ui
日期
时间
选择器
限制
日期
以及
时间
范围
element
-
ui
日期
时间
选择器
限制
日期
以及
时间
范围实现效果:实现方式: 实现效果: 实现方式: 1、使用参数
element
-
ui
控件方法 picker-options disabledDate :控制只能选择今天及以后的
日期
selectableRange :控制选择的
时间
段。如果是今天,则
时间
从此刻开始,否则从0时开始 <el-date-picker class="time-parker" v-if="newFormData.sendFlag == 1"
vue3 +
element
-
ui
实现
时间
选择器
并
校验
开始
时间
小于结束
时间
vue3 +
element
-
ui
实现
时间
选择器
并
校验
开始
时间
小于结束
时间
JavaScript
87,996
社区成员
224,708
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章