在 v-calendar (VueJS) 中以格式 ("YYYY-MM-DD") 显示日期时间答案

【问题标题】：Display datetime at format ("YYYY-MM-DD") in v-calendar (VueJS)在 v-calendar (VueJS) 中以格式 ("YYYY-MM-DD") 显示日期时间
【发布时间】：2022-01-04 06:28:28
【问题描述】：

          <DatePicker
            v-model="date"
            is-expanded
            is24hr
            :attributes="attrs"
            :model-config="{
              type: 'string',
              mask: 'YYYY-MM-DD HH:mm',
            }"
            mode="date"
          >
          </DatePicker>

我尝试像这样添加“model-config”，但它仍然以“MM-DD-YYYY”格式显示在屏幕上，date 中的数据格式正确（“YYYY-MM-DD HH :mm")。

屏幕中的付款：“12-20-2021”（不正确）=>我想要的：“2021-12-20” date 变量中的数据：“2021-12-20 14:20”（正确）

这很奇怪。那么如何更改此日期时间的 DISLPAY 格式。非常感谢你。我正在使用v-calendar 版本 2。

【问题讨论】：

标签： javascript vue.js datetime frontend vcalendar

【解决方案1】：

            <DatePicker
                v-model="date"
                is-expanded
                is24hr
                :attributes="attrs"
                :model-config="{
                  type: 'string',
                  mask: 'YYYY-MM-DD HH:mm',
                }"
                :masks="{ L: 'YYYY-MM-DD' }"
                mode="date"
              >
              </DatePicker>

我通过添加masks 解决了这个问题，如下所示： :masks="{ L: 'YYYY-MM-DD' }" 作为一个属性，它工作得很好。

【讨论】：