如何对日期类型的输入进行 v-model

Question

我有这样的输入：

<input class="input" type="date" v-model="dob" />

dob初始化为null，工作正常。 例如 03/05/2006 模型到2006-03-05T00:00:00.000+00:0 。 但是，当dob初始化为2006-03-05T00:00:00.000+00:0时，它不会显示在日期输入中。 我将如何解决这个问题。

Answer 1

编辑：您可以使用设置默认值并在之后更改它。

data() {
  return {
    initialDate: Date.now(),
  };
},
computed: {
  dob: {
    get() {
      return this.initialDate;
    },
    set(newValue) {
      this.initialDate = newValue;
    },
  },
},

---

你的输入来自哪里？ 它可能需要一个 UNIX 时间戳，如1612454883231 。 尝试使用Date.now()初始化它，或者尝试使用new Date().toISOString().slice(0,10) 。
此外，如果您想手动设置它（并且因为它是出生日期......），请使用new Date('2006-03-05T00:00:00') ) 。

如果它不起作用，您需要挖掘文档以查看它接受哪种格式。