素材巴巴 > 程序开发 >

elementui 使用日期时间选择器 限制开始结束日期时间

程序开发 2023-09-10 13:58:08

elementui 使用日期时间选择器 限制开始结束日期时间

效果图 (开始时间大于当前日期 小于结束时间 结束时间大于开始时间 未选择开始时间时默认大于当前日期)
在这里插入图片描述

注:8.64e7为一天的毫秒数
代码


 
       
 data(){return{formDaliog: {startTime: "",endTime: "",},pickerOptions1: {disabledDate:(time)=> {if(this.formDaliog.endTime){return (time.getTime() < Date.now() - 8.64e7 ||time.getTime() > new Date(this.formDaliog.endTime).getTime())}else{return time.getTime() < Date.now() - 8.64e7;}},},pickerOptions2: {disabledDate:(time)=> {if(this.formDaliog.startTime){return (time.getTime() < Date.now() - 8.64e7 ||time.getTime() < new Date(this.formDaliog.startTime).getTime())}else{return time.getTime() < Date.now() - 8.64e7;}},},}
 }

标签:

上一篇: 前端vscode必备插件(强烈推荐) 下一篇:
素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。