我怎样才能在日期选择器中只允许星期一，vue

Posted 2023-02-22

【中文标题】我怎样才能在日期选择器中只允许星期一，vue

【英文标题】：How can I allowed only mondays in date-picker, vue

【发布时间】：2021-02-16 04:21:23

【问题描述】：

我在我的 vue 项目中使用 v-data-picker。我想自定义这个组件，我想知道如何只允许显示星期一。应该再禁用几天。

代码：

<template>
  <v-row justify="center">
    <v-date-picker
      v-model="date"
      :allowed-dates="allowedDates"
      class="mt-4"
      min="2016-06-15"
      max="2018-03-20"
    ></v-date-picker>
  </v-row>
</template>

<script>
  export default 
    data: () => (
      date: '2018-03-02',
    ),

    methods: 
      allowedDates: val => parseInt(val.split('-')[2], 10) % 2 === 0,
    ,
  
</script>

【参考方案1】：

使用getDay() 函数确定日期是否为星期一...

data() 
    return 
        allowedDates: val => new Date(val).getDay() === 0,
        date: '2018-03-02',
    
,

https://codeply.com/p/mnpcdLBYgA