[element-ui] el-time-picker时间选择器无法选择

登录后复制

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

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.
• 11.

时间选择不上的原因是因为初始值问题 很有可能是最开始赋值为空数组了
所以有3个解决方法

1. 设置为 null

登录后复制

businessTimeInfo: null

• 1.

2. 设置当前时间

登录后复制

businessTimeInfo:[new Date(new Date()),new Date(new Date())] （默认当前时间）

• 1.

3. 设置指定时间

登录后复制

businessTimeInfo: [new Date(9, 40), new Date(10, 24)]

• 1.

---

参考：

Element-UI中el-time-picker时间选择器无法选择

原创作者: u_12881709 转载于: https://blog.51cto.com/u_12881709/11585408