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

Question

          <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.

Answer 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' }" 作为一个属性，它完美地工作。

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

Display datetime at format ("YYYY-MM-DD") in v-calendar (VueJS)

javascript

vue.js

datetime

frontend

vcalendar