项目中离职管理需求为离职日期必须在入职日期到今日之间选择(大于等于入职日期且小于的等于今天日期)
1、如图所示:
日期选择如图.png
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:{
// 设置禁用日期
disabledDate:time=>{
// 声明date变量等于入职日期
let date = this.quitForm.entryTime;
// 当小于入职日期 或 大于等于今日时禁用
if(date){
return time.getTime() < new Date(date).getTime() || time.getTime() >= new Date();
}
}
},
}
},