el-time-picker 时间选择器 结束时间不能大于开始时间

736 阅读1分钟

image.png

image.png

  <el-time-picker
                    style="width: 100%"
                    :disabled="addShopForm.see ? true : false"
                    :clearable="false"
                    format="HH:mm"
                    value-format="HH:mm"
                    v-model="timeNode.beginTime"
                    :picker-options="{selectableRange: `${ timeIndex !== 0 ? item.times[timeIndex - 1].endTime + ':00': '00:00:00'}-${timeNode.endTime ? timeNode.endTime + ':00' : '23:59:59'}`,}"
                    placeholder="起始时间"
                  >
  </el-time-picker>
  <el-time-picker
                    style="width: 100%"
                    :disabled="addShopForm.see ? true : false"
                    :clearable="false"
                    format="HH:mm"
                    @change="endTimeChange"
                    value-format="HH:mm"
                    v-model="timeNode.endTime"
                    :picker-options="{ selectableRange: `${timeNode.beginTime ? timeNode.beginTime + ':00': '00:00:00'}- 23:59:59`}"
                    placeholder="结束时间"
                  >
 </el-time-picker>