Vue <Calendar>组件将日期转换为另一种格式yyyy/mm/dd

Question

下面是我的

<Calendar>

:

<Calendar
    v-model="value"
    :date-format="props.dateFormat"
    :view="props.view"
    :input-class="props.inputClass"
    show-icon
/>

我的目标是让我的 v-model 输出 yyyy-mm-dd 格式，但我很难弄清楚如何实现这一目标。

如果我尝试执行诸如创建格式化函数并将其添加到 v-model 之类的操作，则会显示错误“‘v-model’指令需要与 LHS 一样有效的属性值”

为了测试，我可以简单地添加

{{ value }}

来显示 v-model 输出的内容。它始终提供完整的日期格式，例如：“Fri Jun 07 2024 00:00:00 GMT +0900”

如何格式化日期然后将其添加到“v-model”中？我尝试的可能看起来有所欠缺，但我真的不知道如何处理这个问题。

Answer 1

如果没有更多信息（库等），很难准确回答

v-model

指令用于将精确值（例如日期）绑定到组件。因此绑定一个函数是没有意义的。

既然存在

date-format

道具，我建议你尝试一下：

<Calendar
    v-model="value"
    :date-format="yyyy-mm-dd"
    :view="props.view"
    :input-class="props.inputClass"
    show-icon
/>