【VUE】element-ui picker 选择时间范围限制条件

选择时间组件：

<el-date-picker
v-model.trim="ruleForm.messTime"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
:picker-options="pickerOptions"
>
</el-date-picker>

限制时间的范围：8.64e7 ( 86400000ms = 1000*24*60*60 )

data() {
return {
pickerOptions: {
disabledDate(time) {
//return time.getTime() < Date.now() - 8.64e7;//设置选择今天以及今天之后的日
//return time.getTime() > Date.now(); //设置选择今天以及今天以前的日期
//return time.getTime() < Date.now();//设置选择今天之后的日期（不能选择当天时间）
return time.getTime() > Date.now() - 8.64e7 //设置选择今天之前的日期（不能选择当天）
// 设置当天23：59：59可选
// let currentTime = this.getNowMonthDay() + ` 23:59:59`
// return time.getTime() > new Date(currentTime).getTime()
},
},
}
},
methods: {
getNowMonthDay() {
let nowTime = new Date()
let year = nowTime.getFullYear()
let month = this.formatTime(nowTime.getMonth() + 1)
let day = this.formatTime(nowTime.getDate())
return year + "-" + month + "-" + day
},
}

最后

以上就是大方羊为你收集整理的【VUE】element-ui picker 选择时间范围限制条件的全部内容，希望文章能够帮你解决【VUE】element-ui picker 选择时间范围限制条件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。