element el-time-picker 时间段动态禁用 禁用时间段

element el-time-picker 时间段动态禁用 禁用时间段

// value-format 时间格式
//picker-options 绑定禁用时间段  // 需要默认值
<el-time-picker  value-format="HH:mm:ss"
v-model="TimeHour":picker-options="{ selectableRange:DisApplyTimeHours }" placeholder="时间点">
</el-time-picker>

• 默认值设置：

DisApplyTimeHours:'00:00:01 - 23:59:59', // 可选时间段  ！！注意中间空格

• js:设置可选范围 // 固定时间直接绑定即可

// 可选时间：00:00:01 至 08:59:59
unSelectableRange(){
let StartTimeHour = "08:00:00"
this.DisApplyTimeHours = '00:00:01 - '+ StartTimeHour
}