vue.js 我怎么能禁用所有星期天的日期选择器？

jhkqcmku 于 2023-08-07 发布在 Vue.js

关注(0)|答案(3)|浏览(138)

我使用vuetify datepicker和moment js
我想在datepicker上禁用sunday
我的代码是这样的：

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

字符串
我的完整代码和codepen是这样的：https://codepen.io/positivethinking639/pen/qBBjaJr?editors=1010
我该怎么做呢？
所以我想禁用10月、11月和12月的所有周日

vue.js

来源：https://stackoverflow.com/questions/58568103/how-can-i-disable-all-sunday-on-datepicker

3条答案

按热度按时间

hgtggwj01#

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

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

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

赞(0）回复(0）举报 2023-08-07

50few1ms2#

我只需要用dayjs或moment简单地检查它是哪一天

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

字符串

赞(0）回复(0）举报 2023-08-07

093gszye3#

Vue Datepicker有一个内置的过滤器，可以过滤或禁用特定的工作日
0是星期天6是星期六

<template>
    <VueDatePicker v-model="date" :disabled-week-days="[6, 0]" />
  </template>

字符串

赞(0）回复(0）举报 2023-08-07

我来回答

vue.js 我怎么能禁用所有星期天的日期选择器？

3条答案

相关问题

热门标签

最新问答