1. 程式人生 > >element-ui的el-date-picker元件設定提交時的日期值格式

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')
可以見fiddle例子:https://jsfiddle.net/djxhero/6yssoh2y/