如何使用矩工作日禁用 q-date 中的周末

Question

我在我的项目中使用 quasar 的 q-date 组件。我想在使用它时禁用周末和过去的日子。我为此使用了 momenten 工作日库，但是 moment 返回一个对象，而 q-date 无法检测到它。你认为我能如何解决这个问题

HTML（语言=>哈巴狗）

q-date(v-model="userInfo.date" mask="YYYY-MM-DD" :options="getAvailableDate" first-day-of-week="1")

脚本

  getAvailableDate(d) {
      const day = moment(d).format('DD/MM/YYYY')
      console.log(moment(day, 'DD/MM/YYYY').monthBusinessDays())
      return moment(day, 'DD/MM/YYYY').monthBusinessDays() && d >= date.formatDate(Date.now(), 'YYYY/MM/DD')
      
    },

Answer 1

您可以尝试将日期传递给函数：

:options="getAvailableDate(userInfo.date)" 

您可以通过返回 true 或 false 来进行测试，以检查其他地方是否存在问题。

有关使用 v-bind 的更多信息： Vue 文档 简单解释

Answer 2

使用选项，您可以使用以下功能禁用周末： 在脚本中： 从“时刻”导入时刻；

  const datesFn = (date: string) => {
    const dayOfWeek = moment(date, 'YYYY/MM/DD').day();

    return dayOfWeek !== 0 && dayOfWeek !== 6;
  };

在模板中：

<q-input :options="datesFn" />