element-ui的el-date-picker組件設置提交時的日期值格式

一、

在使用el-data-picker組件時，提交表單，發現日期值的格式不是我想要的“yyyy-MM-dd”，即使我已經設置了 format="yyyy-MM-dd"

       

   <el-date-picker v-model="form.birthdayName" type="date" @change="dateChangebirthday" format="yyyy-MM-dd" value-format="yyyy-MM-dd" placeholder="選擇日期">
          </el-date-picker>

 

最終發現，需要增加change事件處理，設置日期值：

var Main = {
data() {
return {
form: {
birthdayName: ''
}
};
},
methods: {
dateChangebirthday(val) {
console.log(val);
this.form.birthdayName = val;
}
}
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')

 

二、使用value-format