日期选择器中带有时刻 js 的无效日期

Posted 2023-02-23

【中文标题】日期选择器中带有时刻 js 的无效日期

【英文标题】：Invalid Date with moment js in a date picker

【发布时间】：2021-09-16 10:48:47

【问题描述】：

我尝试在日期选择器中显示日期（使用 AntDesign 和 VueJS）：

this.formDates.test = moment(this.$store.state.dataStudy.startPassation).format('DD-MM-YYYY HH:mm')

当我这样做时，我的日期格式正确：

console.log(this.formDates.test) // display the correct format 05-07-2021 12:00

但是当我这样做时：

<a-date-picker :default-value="formDates.test" v-model="formDates.startPassation" /><!-- display Invalid Date-->

我的日期选择器中有“无效日期”:-(

为什么？

【参考方案1】：

从documentation 我看到可以用矩对象设置:default-value。

<a-date-picker :defaultValue="moment('2015-01-01', 'YYYY-MM-DD')" />

尝试删除.format('DD-MM-YYYY HH:mm')

【讨论】：

谢谢！我以为我已经测试过了，但它确实有效！