关于element DatePicker 日期选择器默认值渲染的问题(渲染成想要的格式且数据、数据格式对)

日期格式
使用format指定输入框的格式;使用value-format指定绑定值的格式。

默认情况下,组件接受并返回Date对象。以下为可用的格式化字串,以 UTC 2017年1月2日 03:04:05 为例:

关于element DatePicker 日期选择器默认值渲染的问题(渲染成想要的格式且数据、数据格式对)_第1张图片
这里注意的是默认情况,而绝大多数我们都是yyyyMMdd或者yyyy-MM-dd的格式,这时候我们不需要new date()去初始化了,有的情况使用date对象初始化反而会有异常,我们完全可以用yyyyMMdd格式的字符串去初始化下拉框

关于element DatePicker 日期选择器默认值渲染的问题(渲染成想要的格式且数据、数据格式对)_第2张图片
关于element DatePicker 日期选择器默认值渲染的问题(渲染成想要的格式且数据、数据格式对)_第3张图片

<el-date-picker v-model="visitForm.callon_date" type="date" format="dd-MM-yyyy" value-format="yyyyMMdd" :placeholder="$t('loginInfo.selectDate')"> el-date-picker>

关于element DatePicker 日期选择器默认值渲染的问题(渲染成想要的格式且数据、数据格式对)_第4张图片
在这里插入图片描述
这里发过去的时间由于是佛教时间所以有额外方法减了年份543,存真实现实时间。

总结: element vue2.2 我们完全可以用yyyyMMdd格式的字符串去初始化DatePicker 日期选择器下拉框(在指定value-format前提下)

你可能感兴趣的:(elementui,vue,vue,elementui)