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/

element-ui的el-date-picker组件设置提交时的日期值格式相关推荐

《前端》Element ui 表格（Table）组件中前端实现数据分页和模糊查询--未看
我是用的Element ui 表格(Table)组件中的例子下面是别人自己写的方法: Element ui 表格(Table)组件中前端实现数据分页和模糊查询_明天也要努力的博客-CSDN博客 h ...
git 初次连接使用设置提交时显示的用户名和密码
git 初次连接使用设置提交时显示的用户名和密码 user.email就是自己在提交代码时的账号邮箱 user.name是自己在提交代码时显示的名称 git config --global user. ...
element ui table的show-overflow-tooltip属性以及设置其宽度
用vue+element ui框架,用到table表格,如果每列显示的内容过长则可以使用该属性,即 :show-overflow-tooltip="true",该属性可以让内容在一 ...
date 显示或设置系统时间和日期
显示或设置系统时间和日期 date [options] [+format] date [options] [new date] date用来显示系统的时间和日期,超级用户可以使用date来更改系统时钟 ...
SVN、Git设置提交时忽略的文件
个人正在使用的:global-ignores = *.o *.lo *.la *.al .libs *.so *.so.[0-9]* *.pyc *.pyo [Tt]humbs.db [Bb]in [ ...
smartsvn 忽略文件夹_SVN、Git设置提交时忽略的文件
个人正在使用的:global-ignores = *.o *.lo *.la *.al .libs *.so *.so.[0-9]* *.pyc *.pyo [Tt]humbs.db [Bb]in [ ...
Vue+element UI实现“回到顶部”按钮组件
版权声明:本文为博主原创文章,未经博主允许不得转载. https://blog.csdn.net/caomage/article/details/85006973 背景开发框架是vue+webpac ...
设置element ui table表格线条颜色以及设置圆角/解决element ui table设置圆角后线条不显示或显示模糊问题，亲测有效
问题描述 table表格设置为圆角后并且设置table border颜色,设置圆角后导致修改颜色后的border无法显示问题解决 /* 设置圆角以及边框颜色 */.el-table{border-r ...
ElementPlus的picker组件设置为以周一为起始（周一到周日）
配置后效果如图: ElementUI提供了firstDayOfWeek属性实现,但是ElementPlus没有,需要通过以下方式实现, main.js配置国际化,dayjs也需要配置国际化,否则是不生 ...

element-ui的el-date-picker组件设置提交时的日期值格式

element-ui的el-date-picker组件设置提交时的日期值格式相关推荐

最新文章

热门文章