小风很努力 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日

    悬赏问题

    • ¥15 两台交换机分别是trunk接口和access接口为何无法通信,通信过程是如何?
    • ¥15 C语言使用vscode编码错误
    • ¥15 用KSV5转成本时,如何不生成那笔中间凭证
    • ¥20 ensp怎么配置让PC1和PC2通讯上
    • ¥50 有没有适合匹配类似图中的运动规律的图像处理算法
    • ¥15 dnat基础问题,本机发出,别人返回的包,不能命中
    • ¥15 请各位帮我看看是哪里出了问题
    • ¥15 vs2019的js智能提示
    • ¥15 关于#开发语言#的问题:FDTD建模问题图中代码没有报错,但是模型却变透明了
    • ¥15 uniapp的h5项目写一个抽奖动画