如何将vuetify日历间隔格式更改为24小时？

Question

我使用的是星期类型的vuetify日历，它以AM和PM的12小时格式显示时间。如何将其更改为24小时格式？

我看了看文档并没有发现太多，只是您可以传递需要功能的间隔格式道具。还可以在vuetify github上找到一个函数。

    <v-calendar
                :now="today"
                :value="today"
                color="primary"
                locale="et"
                type="week"
                :interval-format="intervalFormat"
            >
            </v-calendar>

methods: {
        intervalFormat() {
            const longOptions = { timeZone: 'UTC', hour12: true, hour: '2-digit', minute: '2-digit' }
            const shortOptions = { timeZone: 'UTC', hour12: true, hour: 'numeric', minute: '2-digit' }
            const shortHourOptions = { timeZone: 'UTC', hour12: true, hour: 'numeric' }

            return longOptions
        }
    }

我想要24小时制，但仍然是12小时制

Answer 1

将此添加到您的 v 日历：

 :interval-format="intervalFormat"

创建一个与此相等的新函数：

  intervalFormatter(locale, getOptions) {
     return locale.time;
  }

Answer 2

知道了。

intervalFormat(interval) {
        return interval.time
    }