vue3项目+element-plus:时间选择器格式化方式
作者：一杯清酒.
这篇文章主要介绍了vue3项目+element-plus:时间选择器格式化方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
vue3项目+element-plus:时间选择器格式化
让时间选择器获取的时间格式化；
此处elementUI和element-plus的API不同
关键两行代码：
format="YYYY/MM/DD hh:mm:ss" value-format="YYYY-MM-DD h:m:s"
<el-date-picker
v-model="addForm.time"
type="datetime"
placeholder="请选择日期"
format="YYYY/MM/DD hh:mm:ss"
value-format="YYYY-MM-DD h:m:s"/> element-plus日期选择器value-format出错
设置日期选择器DatePicker，使用valu-formate，根据element官网代码应该是如下写法：
<div class="block">
<span class="demonstration">使用 value-format</span>
<div class="demonstration">值：{{ value2 }}</div>
<el-date-picker
v-model="value2"
type="date"
placeholder="选择日期"
format="yyyy 年 MM 月 dd 日"
value-format="yyyy-MM-dd">
</el-date-picker>
</div>但是设置日期后会得到的值为“yyyy-02-Mo”
网上没有搜到原因，用的是vue3，element-plus，github上查看了一下
源码【packages/time-picker/src/common/picker.vue】文档用的是大写
就将格式化的格式写为 format="YYYY-MM-DD" value-format="YYYY-MM-DD" 。
嗯……emm……就是大写……然后好了……不知道为啥ε(┬┬﹏┬┬)3
时间戳转换是
format="YYYY/MM/DD" value-format="X" 【10位】 value-format="x" 【13位】
但是选择框没有显示，找了一会说是dayjs……没继续查找
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。