iView日期時間組件傳值的問題

在使用iview的日期時間組件，傳值到服務器端的時候，發現組件的值和格式不對，在后端很不好處理，代碼：

 

<Date-picker type="date" v-model="searchForm.created" placeholder="選擇日期"></Date-picker>

 

當我選擇 2019-03-22 時，發送到服務器的數據是 2019-03-21T16:00:00.000Z

解決方法：

1、去掉 v-model 屬性，綁定 change 事件

 

<Date-picker type="date" @on-change="getDateTime" placeholder="選擇日期"></Date-picker>

 

2、change 事件

methods: {
      getDateTime: function (time) {
            this.searchForm.created = time;
      }
}

3、然后服務端接收的數據就正常了

轉載於https://www.stephen520.cn/blog/58