博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
el-date-picker 时间条件限制
阅读量:5749 次
发布时间:2019-06-18

本文共 1658 字,大约阅读时间需要 5 分钟。

---
复制代码

条件一:前后间隔3天

//获取AddDayCount天后的日期getDateBefore(AddDayCount) {     var dd = new Date();     dd.setDate(dd.getDate() - AddDayCount);//获取AddDayCount天后的日期     var y = dd.getFullYear();     var m = dd.getMonth() < 10 ? '0' + dd.getMonth() : dd.getMonth();//获取当前月份的日期,不足10补0    var d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate(); //获取当前几号,不足10补0    var hour = dd.getHours();    var min = dd.getMinutes();    var sec = dd.getSeconds();    return {        year: y,        month: m,        day: d,        hour: hour,        min: min,        sec: sec    };},//设置开始和结束日期或时间beginTime: new Date(utils.getDateBefore(3).year, utils.getDateBefore(3).month, utils.getDateBefore(3).day, 0, 0, 0),endTime: new Date(utils.getDateBefore(-1).year, utils.getDateBefore(-1).month, utils.getDateBefore(-1).day, 0, 0, 0),复制代码

条件二:结束时间最小到开始时间,开始时间最大到结束时间

//初始化beginTimeOption: {    disabledDate(date) {        return date.getTime() >= new Date(utils.getDateBefore(-1).year, utils.getDateBefore(-1).month, utils.getDateBefore(-1).day, 0, 0, 0);    }},endTimeOption: {    disabledDate(date) {        return date.getTime() <= new Date(utils.getDateBefore(3).year, utils.getDateBefore(3).month, utils.getDateBefore(3).day, 0, 0, 0);    }},//监听watch: {    ['searchForm.beginTime'](val) {        this.endTimeOption = {            disabledDate(date) {                return date.getTime() <= new Date(val);            }        }    },    ['searchForm.endTime'](val) {        this.beginTimeOption = {            disabledDate(date) {                return date.getTime() >= new Date(val);            }        }    }}复制代码

转载于:https://juejin.im/post/5c3707a6e51d45527201790c

你可能感兴趣的文章
用cookie实现localstorage功能
查看>>
2016第9周五
查看>>
ORA-32004 的错误处理
查看>>
【技术贴】解决已成功与服务器建立连接,但是在登录过程中发生错误。 (provider: 共享内存提供...
查看>>
mathtype使用
查看>>
C# 获取图片一部分
查看>>
MEGABLAST
查看>>
环境变量的删除与替换
查看>>
quickreport 使用方法
查看>>
使用delphi 开发多层应用(十二)使用kbmMW webserver 返回JSON
查看>>
微软在Apache下开源ASP.NET MVC
查看>>
NuGet学习笔记(3) 搭建属于自己的NuGet服务器
查看>>
Windows XP远程桌面端口更改
查看>>
UNION ALL实现的分级汇总示例.sql
查看>>
把sql server 数据直接插入到access的语句
查看>>
[zz]FS-Cache merged in Kernel 2.6.30
查看>>
Spring for Android 1.0.0发布
查看>>
Windows Media Player 键盘快捷键
查看>>
.NET 环境中使用RabbitMQ
查看>>
CCF系列之模板生成系统( 201509-3 )
查看>>