ant-design/components/time-picker/demo/hide-options.md
2016-07-26 11:03:44 +08:00

728 B

order title
6
zh-CN en-US
只显示部分选项 Show part of options.

zh-CN

通过 hideDisabledOptions 将不可选的选项隐藏。

en-US

use hideDisabledOptions to hide the disabled options.

import { TimePicker } from 'antd';

function newArray(start, end) {
  const result = [];
  for (let i = start; i < end; i++) {
    result.push(i);
  }
  return result;
}

function disabledMinutes() {
  return newArray(0, 60).filter(value => value % 10 !== 0);
}

function disabledSeconds() {
  return newArray(0, 60).filter(value => value % 30 !== 0);
}

ReactDOM.render(
  <TimePicker disabledMinutes={disabledMinutes} disabledSeconds={disabledSeconds} hideDisabledOptions />
, mountNode);