搞了一天结果就几行代码
<el-date-picker
style="width:150px"
v-model="checkDate"
size="mini"
type="date"
clearable
value-format="yyyy-MM-dd"
:picker-options="pickerOptions"
placeholder="选择日期">
</el-date-picker>
在data里
pickerOptions:{
// 如果函数里处理的数据比较麻烦,也可以单独放在一个函数里,避免数据太臃肿
disabledDate:this.disabledDate
},//日期禁用数据
需要一个方法,getTime()为时间戳
disabledDate(time){
let flag = true
if(this.pickData.includes(time.getTime())){
flag = false
}
return flag || (time.getTime() > Date.now()) //与今后日期一起禁用
}, //日期禁用
pickGetDate() {
this.$store.dispatch("hztjsj", {} ).then((res) => {
if(res.data.code ==1){
res.data.data.forEach(ele=>{
this.pickData.push(new Date(ele.date + ' 00:00:00').getTime()) //转换为时间戳
})
}
})//获取后台信息