百变鹏仔-专注前端行业精选
elementui日期选择器设置开始时间不能大于结束时间
作者:鹏仔先生日期:2020-12-18 16:07:21浏览:3597分类:JavaScript
iView 日期时间选择器设置开始时间至结束时间限制 https://sharedbk.com/post/204.html
elementui 日期选择器设置 开始时间不能大于结束时间,结束时间不能小于开始时间
简单容易,就不做详细解释了,复制粘贴,修改对应参数名即可
<el-date-picker v-model="startTime" size="small" type="date" placeholder="开始时间" :picker-options="pickerOptionsStart" > </el-date-picker> <el-date-picker size="small" v-model="endTime" type="date" placeholder="结束时间" :picker-options="pickerOptionsEnd" >
data() { return { // 开始结束日期限制 pickerOptionsStart: { disabledDate: (time) => { if (this.endTime) { return ( time.getTime() >= new Date(this.endTime).getTime() ); } } }, // 结束日期限制 pickerOptionsEnd: { disabledDate: (time) => { if (this.startTime) { return ( time.getTime() <= new Date(this.startTime).getTime() ); } } } } }
手机扫码访问
猜你还喜欢
- 08-09 vue动态修改网站的icon图标
- 07-08 VUE中ECharts提示框tooltip自动切换
- 07-03 网页中生成微信小程序二维码
- 06-28 vue实现表格自动滚动功能 vue-seamless-scroll
- 06-25 uniapp页面跳转的几种方式
- 04-19 VUE实现点击复制
- 04-16 vue将页面生成图片 vue生成海报
- 04-16 vue路由切换滑动效果 vue页面跳转交互 vue实现动画跳转
- 04-07 vue跳转页面清除历史记录,页面跳转删除历史记录
- 02-22 VUE You are using the runtime-only build of Vue where the template compiler is not available. Either
- 01-19 elementui多选上传 before-upload 格式效验错误总会触发before-remove (elementui多选上传on-success只执行了一次,只上传成功了一条)
- 10-08 vue按钮限制连点封装 自定义指令限制连点
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
已有2位网友发表了看法:
访客 评论于 [2021-08-09 16:33:24] 回复
少了 标签结尾
鹏仔先生 评论于 [2021-08-03 17:45:01] 回复
time.getTime() ˂= new Date(this.startTime).getTime() - 86400000