【问题标题】:Is there a way to specify first-day-of-week for Vuetify Date picker globally?有没有办法在全球范围内为 Vuetify 日期选择器指定星期几?
【发布时间】:2020-01-07 13:52:34
【问题描述】:

有没有办法在全球范围内为 Vuetify 日期选择器指定星期几? 我不想单独指定每个道具。

【问题讨论】:

    标签: datepicker vuetify.js


    【解决方案1】:

    不,没有办法做到这一点

    您必须按照文档 (https://vuetifyjs.com/en/components/date-pickers) 使用带有 first-day-of-week 属性的小部件。

    <v-date-picker
      v-model="picker"
      :first-day-of-week="1"
    ></v-date-picker>
    

    如果您查看代码,您会注意到参数默认值为 0,因此没有神奇的全局设置。

    https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VDatePicker/VDatePicker.ts#L64

    【讨论】:

    • 我相信你没有仔细阅读我的问题。我不想每次都指定它,因为在整个应用程序中它被多次使用。 Vuetify 有 config,它支持在初始化期间更改全局设置,但是,更改一周的第一天不是其中之一。我正在寻找一种解决方法,将 v-date-picker 的默认值从 0 设置为 1,因此它总是在星期一开始。想象一下在 80 个日历上设置这个道具,那将是一场噩梦。
    【解决方案2】:

    至于其他少数组件的默认值,您可以简单地将其包装在新组件中(我们称之为MyDatePicker)并在整个应用程序中使用该组件。

    要在您的自定义 MyDatePicker 上利用所有用于 Vuetify 组件 VDatePicker 的事件处理程序,您需要添加 v-on="$listeners"

    【讨论】:

      猜你喜欢
      • 2015-05-07
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多