elementUI 时间选择器TimePicker，时间选不上的问题

最新推荐文章于 2024-07-29 02:53:37 发布

杂草沫

最新推荐文章于 2024-07-29 02:53:37 发布

阅读量6.3k

点赞数 8

CC 4.0 BY-SA版权

分类专栏： vue 前端文章标签： elementui

本文链接：https://blog.csdn.net/StacyMo/article/details/119895523

前端同时被 2 个专栏收录

34 篇文章

订阅专栏

vue

18 篇文章

订阅专栏

本文探讨了在使用Element UI 的 TimePicker 组件时，时间选择无法正常启动的问题，关键在于timeValue 的初始值设定。正确的初始化包括设置为当前时间或具体日期范围，如timeValue: [newDate(), newDate(2021,8,24,9,40)]，而非空值或无效配置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

elementUI 时间选择器TimePicker，时间选不上的问题

    <el-time-picker v-model="timeValue" value-format="HH:mm" range-separator="-" is-range start-placeholder="开始时间" end-placeholder="结束时间"  placeholder="选择时间范围">
    </el-time-picker>

注意：时间选不上是因为timeValue初始值的问题，一定要给默认值。

定义变量：
错误： timeValue:[],
正确①： timeValue:[new Date(new Date()),new Date(new Date())] （默认当前时间）
正确②： timeValue:[new Date(2021, 8, 24, 9, 40), new Date(2016, 8, 24, 10, 24)]
正确③： timeValue:null