a-date-picker限制选择范围(加强版 - 如何选择性的禁止某些选择范围)
- 1. 效果示例
- 2. 代码示例
1. 效果示例
仅可选择0分,其他时间禁止选择
2. 代码示例
官方文档 - disabledTime
<a-date-pickerv-model:value="formState.start"format="YYYY-MM-DD HH:mm"show-time:disabled-time="disabledDateTime"/><script>const range = (start, end) => {const result = [];for (let i = start; i < end; i++) {result.push(i);}return result;};// 禁止选择的范围const disabledDateTime = () => {return {// disabledHours: () => range(0, 24).splice(4, 20), // 禁用小时范围disabledMinutes: () => range(1, 60), // 禁用分钟范围// disabledSeconds: () => [55, 56], // 禁用秒钟范围};}
</script>