diff --git a/components/time-picker/demo/disable-options.md b/components/time-picker/demo/disable-options.md index eb783c1f2d..a2d0f63655 100644 --- a/components/time-picker/demo/disable-options.md +++ b/components/time-picker/demo/disable-options.md @@ -1,27 +1,39 @@ # 禁止选项 -- order: 5 +- order: 5 -禁止部分选项。 +限制选择 `20:30` 到 `23:30` 这个时间段。 --- ````jsx import { TimePicker } from 'antd'; -function disabledHours() { - return [0, 4, 8, 12, 16, 20]; +function newArray(start, end) { + let result = []; + for (let i = start; i < end; i++) { + result.push(i); + } + return result; } -function disabledMinutes(h) { - return [h % 60]; +function disabledHours() { + let hours = newArray(0, 60); + hours.splice(20, 4); + return hours; } -function disabledSeconds(h, m) { - return [h + m % 60]; +function disabledMinutes(h) { + if (h === 20) { + return newArray(0, 31); + } else if (h === 23) { + return newArray(30, 60); + } else { + return []; + } } ReactDOM.render( - + , document.getElementById('components-time-picker-demo-disable-options')); ```` diff --git a/components/time-picker/demo/hide-options.md b/components/time-picker/demo/hide-options.md index 5245e69164..1041281a1a 100644 --- a/components/time-picker/demo/hide-options.md +++ b/components/time-picker/demo/hide-options.md @@ -1,27 +1,31 @@ -# 隐藏选项 +# 只显示部分选项 -- order: 6 +- order: 6 -禁止部分选项。 +通过 `hideDisabledOptions` 将不可选的选项隐藏。 --- ````jsx import { TimePicker } from 'antd'; -function disabledHours() { - return [0, 4, 8, 12, 16, 20]; +function newArray(start, end) { + let result = []; + for (let i = start; i < end; i++) { + result.push(i); + } + return result; } function disabledMinutes(h) { - return [h % 60]; + return newArray(0, 60).filter(value => value % 10 !== 0); } function disabledSeconds(h, m) { - return [h + m % 60]; + return newArray(0, 60).filter(value => value % 30 !== 0); } ReactDOM.render( - + , document.getElementById('components-time-picker-demo-hide-options')); ````