小风很努力 2021-10-29 00:57
浏览 15
已结题

BootstrapVue表单时间选择控件,如何设定一个数组,除数组外的日期皆禁用

用的是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']

这样的一组日期数据,效果是在控件上除这组数据内的日期,其他日期皆被禁用

  • 写回答

0条回答 默认 最新

    报告相同问题?

    问题事件

    • 系统已结题 11月6日
    • 创建了问题 10月29日