专注前端行业精选
elementui日期选择器设置开始时间不能大于结束时间
作者:鹏仔先生日期:2020-12-18 16:07:21浏览:2341分类:JavaScript
iView 日期时间选择器设置开始时间至结束时间限制 http://www.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-19 使用HBuilderX将vue或H5项目打包app
- 07-13 vue中实现文件批量打包压缩下载(以及下载跨域问题分析)
- 09-26 vue给单独组建的body添加类名
- 08-12 elemtnui 表格如何修改某行文字颜色
- 08-03 vue中调用百度地图 获取经纬度
- 06-10 js获取一个文件名的后缀格式
- 04-26 (安卓/IOS)APP调用H5事件,H5调用APP事件
- 03-15 VUE中实现点击打印功能 vue网页打印 vue-easy-print
- 03-05 js将数字金额用符号间隔 vue中使用逗号间隔数字金额
- 02-25 JS判断某个时间戳是否为当天时间
- 02-19 网页禁止返回 H5禁止物理返回 vue禁止返回
- 02-07 vue使用viewerjs实现图片点击放大
取消回复欢迎 你 发表评论:
- 搜索
- 随机tag
已有2位网友发表了看法:
访客 评论于 [2021-08-09 16:33:24] 回复
少了 标签结尾
鹏仔先生 评论于 [2021-08-03 17:45:01] 回复
time.getTime() ˂= new Date(this.startTime).getTime() - 86400000