<el-time-picker
v-model="UpdateData.end"
:teleported="false"
format="HH:mm"
placeholder="结束时间"
value-format="HH:mm"
@change="selectEndTime"
:disabled-minutes="disabledStartMinutes"
:editable="false"
/>
//时间输入框限制选择
const makeRange = (start: number, end: number, step: number) => {
const result: number[] = [];
for (let i = start; i <= end; i += step) {
result.push(i);
}
return result;
};
const disabledStartMinutes = (hour: number) => {
const allMinutes = makeRange(0, 59, 1); // 全部分钟数从 0 到 59
const enabledMinutes = [0, 15, 30, 45]; // 可以选择的分钟数
// 禁用的分钟数为全部分钟数中不在可以选择的分钟数中的部分
const disabledMinutes = allMinutes.filter(
(minute) => !enabledMinutes.includes(minute)
);
return disabledMinutes;
};
这是指定分钟选择,小时和秒同理。
vue3+el-time-picker指定分钟可选
最新推荐文章于 2024-07-08 16:38:47 发布