【vue3】【element-plus】获取el-date-picker的值错误

最新推荐文章于 2025-03-30 15:01:12 发布

前端小白多阅读

最新推荐文章于 2025-03-30 15:01:12 发布

阅读量1.5k

点赞数 2

分类专栏：错误记录文章标签：前端 vue3 element-plus

本文链接：https://blog.youkuaiyun.com/qq_63514555/article/details/128816675

版权

错误记录专栏收录该内容

5 篇文章

订阅专栏

一开始我是这样写的

<el-date-picker v-model="time" 
        type="datetimerange" range-separator="To" value-format="yyyy-MM-dd HH:mm:ss"
    start-placeholder="Start date" end-placeholder="End date" @change="dateChange" style="width:250px;" :transfer="true"/>

得到的结果

结果明显不是我们想要的

一顿查询，发现别人的和自己的没有差别

然后去看了element-plus官方的手册，发现

value-format的形式应该是 YYYY-MM-DD hh:mm:ss

所以，最后是这样解决的

<el-date-picker v-model="time" @change="dateChange" style="width:350px;" value-format="YYYY-MM-DD hh:mm:ss" 
      type="datetimerange" range-separator="To" start-placeholder="Start date" end-placeholder="End date"/>