項(xiàng)目中離職管理需求為離職日期必須在入職日期到今日之間選擇(大于等于入職日期且小于的等于今天日期)
1、如圖所示:
2周循、日期選擇器代碼如下:
<el-form-item label="離職日期" prop="leaveTime">
<el-date-picker format="yyyy-MM-dd" v-model="quitForm.leaveTime" :picker-options="pickerOptions" type="date" placeholder="選擇離職日期"></el-date-picker>
</el-form-item>
3、js代碼如下:
data () {
return {
pickerOptions:{
// 設(shè)置禁用日期
disabledDate:time=>{
// 聲明date變量等于入職日期
let date = this.quitForm.entryTime;
// 當(dāng)小于入職日期 或 大于等于今日時(shí)禁用
if(date){
return time.getTime() < new Date(date).getTime() || time.getTime() >= new Date();
}
}
},
}
},