html - 使用 vuejs 更新日期输入字段

Question

我正在尝试通过 VueJS 和 v-model 更新日期输入字段.

我的 HTML 看起来像这样:

<input type="date" name="due" id="due" placeholder="Due at" v-model="due">

我在 VueJS 中的数据方法:

data () {
  return {
    due: '06/25/2017'
  }
},

当我打开页面时没有任何反应。我只是在输入字段中得到这个值:'mm/dd/yyyy'。但是当我改变 type="date"至 type="text"一切正常，我得到了 06/25/2017 的正确值. 它在 Firefox 中有效，但在 Chrome 中无效。

有人知道问题出在哪里吗？

Answer 1

将拆分器从 / 更改为 -，并将顺序更改为 YYYY-MM-DD。

data () {
  return {
    due: '2017-06-25'
  }
},

https://forum.vuejs.org/t/v-model-with-html-input-type-date/11285/2