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')

————————————————
版权声明:本文为CSDN博主「dujianxiong」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/dujianxiong/article/details/79023922

猜你喜欢

转载自www.cnblogs.com/ygunoil/p/12339805.html