使用 vuejs 更新日期输入字段答案

【问题标题】：Update date input field with vuejs使用 vuejs 更新日期输入字段
【发布时间】：2017-11-29 07:50:51
【问题描述】：

我正在尝试通过 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 中无效。

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：