el-date-picker赋值后组件未渲染时间

最新推荐文章于 2024-08-08 17:27:56 发布

原创最新推荐文章于 2024-08-08 17:27:56 发布 · 539 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue #elementui

前端专栏收录该内容

6 篇文章

订阅专栏

本文探讨了在 Vue.js 中使用 Element UI 的日期时间选择器组件时，由于时间格式设置不正确导致的时间范围选择不生效的问题，重点在于如何正确格式化 'yyyy-MM-ddHH:mm:ss'。

 <el-date-picker
   v-model="timerange"
   type="datetimerange"
   start-placeholder="开始日期"
   end-placeholder="结束日期"
   value-format="yyyy-MM-dd HH-mm-ss"
   @change="handletimer" >
</el-date-picker>
<script>
    export default{
        data()
        {
            return {
                timerange:[]
            }
        },
        created(){
            this.timerange=["2021-06-16 16:03:38", "2021-06-16 16:03:38"]
        }
    }
</script>

这里不生效的原因主要是设置的时间格式不正确，正确的格式为yyyy-MM-dd HH:mm:ss 请注意大小写的格式