<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
}
},