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