如何在日期选择器上禁用所有星期天？

Posted 2023-02-23

【中文标题】如何在日期选择器上禁用所有星期天？

【英文标题】：How can I disable all sunday on datepicker?

【发布时间】：2020-02-22 08:55:33

【问题描述】：

我使用 vuetify datepicker 和 moment js

我想在日期选择器上禁用星期天

我的代码是这样的：

<v-date-picker
        v-model="date"
        :allowed-dates="allowedDates"
        class="mt-4"
        :min="currentDate"
        @update:picker-date="pickerUpdate($event)"
      ></v-date-picker>

我的完整代码和代码笔是这样的：https://codepen.io/positivethinking639/pen/qBBjaJr?editors=1010

我该怎么做？

所以我想禁用 10 月、11 月和 12 月的所有星期日

【参考方案1】：

一个明显的解决方案是在将日期推送到可用日期之前检查星期几：

if (moment(date).day() !== 0)
  availableDates.push(date)

https://codepen.io/leopsidom/pen/poowNjJ?editors=1011

【参考方案2】：

我会用dayjs 或moment 做简单的检查是哪一天

allowedDates(val) 
  return dayjs(val).day() !== 0;
,