如何對日期類型的輸入進行 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') ) 。

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