elementUI的time-picker组件报Invalid Date in fecha.format

elementUI的time-picker组件报Invalid Date in fecha.format的原因
一, picker-options的selectableRange属性没有写秒,导致格式错误,选择时间将不生效
例如:

错误示例

<el-time-picker
    arrow-control
    v-model="value2"
    :picker-options="{
      selectableRange: '18:30 - 20:30'
    }"
    placeholder="任意时间点">
  </el-time-picker>

正确示例

<el-time-picker
    arrow-control
    v-model="value2"
    :picker-options="{
      selectableRange: '18:30:00 - 20:30:00'
    }"
    placeholder="任意时间点">
  </el-time-picker>

二, 想要设置时间列表选择只到分钟,如下
在这里插入图片描述
正确示例

<el-time-picker
                  v-model="ruleForm.endHours"
                  :default-value="ruleForm.endHours"
                  :size="sizeS"
                  value-format="HH:mm"
                  format="HH:mm"
                  :picker-options="{
                    selectableRange: '18:30:00 - 20:30:00',
                  }"
                  placeholder="请选择"
                >
                </el-time-picker>

value-format的值用于格式化被选中的值的格式为小时分钟 如: 03:01
format的值是将列表格式为直到分钟的选择

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值