<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="ruleForm.planTimeStart"
type="datetime"
placeholder="选择日期"
:picker-options="{
disabledDate: (time) => {
return time.getTime() < Date.now() - 3600 * 1000 * 24;
}
}"
@change="getTime"
></el-date-picker>
<el-date-picker
value-format="yyyy-MM-dd HH:mm:ss"
v-model="ruleForm.planTimeEnd"
type="datetime"
placeholder="选择日期"
:picker-options="{
disabledDate: (time) => {
return time.getTime() < Date.now() - 3600 * 1000 * 24;
}
}"
@change="getTimes"
>
</el-date-picker>
温馨提示: 这里只判断不能早于当天的时间,具体到分到秒的自行转换成 时间戳去判断
data 部分:
startTime :‘’,
endTime : ‘’,
js 部分
//获取时间
getTime(val) {
// 时间转换成时间戳
this.startTime = new Date(val).getTime() / 1000
},
getTimes(val){
// 时间转换成时间戳
this.endTime = new Date(val).getTime() / 1000
if( this.endTime <= this.startTime ){
this.ruleForm.planTimeEnd = ‘‘
this.$message.error("结束时间不能早于开始时间")
return
}
},
vue ele 日期时间格式限制不能早于当天,时间转换成时间戳 进行比较
原文:https://www.cnblogs.com/majiayin/p/14817267.html