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'
  }
},