记录使用element的el-date-picker的一些坑:
需求:日期上,指定某几天可以使用(换言之,除了这几天都可以使用,其他都要禁用掉)
实现:
<el-date-picker
v-model="value2"
align="right"
type="date"
placeholder="选择日期"
:picker-options="pickerOptions">
</el-date-picker>
vue部分:
export default{
data(){
return {
value2:'',
pickerOptions:{
disabledDate:this.disabledDate,
}
}
},
methods:{
disabledDate(time){
//list 后台返回来指定的日期
const list=[
{startDate:'2021-11-10',endDate:'2021-11-10'},
{startDate:'2021-11-12',endDate:'2021-11-15'},
];
let disable=null;
list.forEach(item=>{
disable=disable||(time.getTime()>new Date(time.startDate).getTime-
8.64e7&&time.getTime()<new Date(item.endDate).getTime())
})
return !disable;
}
}
}