element中TimePicker 时间选择器初始值为空时无法选中的问题
TimePicker在官网中给的例子是有默认值的
<template> <el-time-picker is-range v-model="value1" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"> </el-time-picker> <el-time-picker is-range arrow-control v-model="value2" range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"> </el-time-picker> </template> <script> export default { data() { return { value1: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)], value2: [new Date(2016, 9, 10, 8, 40), new Date(2016, 9, 10, 9, 40)] }; } } </script>
上面是官网的例子和效果。
因为我自己的需求是不需要默认时间的,我就改成value1:[] 或 value1:['', ''] 或 value1:[null, null]这样子,然后都是无法选中。
后面改成value1: null 就可以正常使用了。
记录一下