用的是BootstrapVue的表单时间选择控件,调用了date-disabled-fn属性,它的作用是设置一个函数引用来禁用日期
ymd 日期为 YyYy-MM-DD字符串
date 日期作为 Date 对象
<template>
<div>
<b-form-datepicker v-model="value" :date-disabled-fn="dateDisabled" locale="en"></b-form-datepicker>
</div>
</template>
<script>
export default {
data() {
return {
value: '',
}
},
methods: {
dateDisabled(ymd, date) {
// Disable weekends (Sunday = `0`, Saturday = `6`) and
// disable days that fall on the 13th of the month
const weekday = date.getDay()
const day = date.getDate()
// Return `true` if the date should be disabled
// 星期天和星期六以及每个月13号被禁用
return weekday === 0 || weekday === 6 || day === 13
}
}
}
</script>
我的目的是设定一个数组,比如一个
date:['2021-10-28','2021-10-29','2021-10-30']
这样的一组日期数据,效果是在控件上除这组数据内的日期,其他日期皆被禁用