Buefy datepicker 如何输出 'yyyy-MM-dd' 字符串？

Question

我的 Vue 应用程序中的 Buefy 表单中有一个日期选择器，它应该从 api 调用中填充 table。我使用 Buefy 表单填充 api 调用。 api 调用需要 'yyyy-MM-dd' 格式，但我收到的格式与 buefy v-model="startdate" 完全不同。

从 ${this.startdate} 开始，我将开始日期传递给 api 调用。我需要它是 'yyyy-MM-dd' 格式的字符串。示例日期字符串：'2019-04-23'

我该如何实现？ buefy datepicker 的日期解析器属性可以吗？如果是这样，功能是什么？

到目前为止我在 b-datepicker 标签中有 :date-parser="dateParser"

在我的方法中

dateParser(date) {
      new Date.parse(date);
    }

下一步是什么？

Answer 1

Datepicker 只接受 Date JavaScript 对象。在调用 API 之前，您必须将日期对象格式化为服务器模式中的字符串。 Formatter 和 Parser 属性仅供内部和显示使用。

Answer 2

根据 Walter 的回复，我使用以下逻辑来检索我的答案：

let myDate = new Date(Date.parse(this.startdate));
      let realDate =
        myDate.getFullYear() +
        "-" +
        ("0" + (myDate.getMonth() + 1)).slice(-2) +
        "-" +
        ("0" + myDate.getDate()).slice(-2);

Buefy datepicker 如何输出 'yyyy-MM-dd' 字符串？

How does Buefy datepicker output 'yyyy-MM-dd' string?

javascript

vue.js

datepicker

buefy