this.props.onEsc();
}
+ disabledHours = () => {
+ const { use12Hours, disabledHours } = this.props;
+ let disabledOptions = disabledHours();
+ if (use12Hours && Array.isArray(disabledOptions)) {
+ if (this.isAM()) {
+ disabledOptions = disabledOptions.filter(h => h < 12).map(h => (h === 0 ? 12 : h));
+ } else {
+ disabledOptions = disabledOptions.map(h => (h === 12 ? 12 : h - 12));
+ }
+ }
+ return disabledOptions;
+ }
+
+ isAM() {
+ const value = (this.state.value || this.props.defaultOpenValue);
+ return value.hour() >= 0 && value.hour() < 12;
+ }
+
render() {
const {
- prefixCls, className, placeholder, disabledHours, disabledMinutes,
+ prefixCls, className, placeholder, disabledMinutes,
disabledSeconds, hideDisabledOptions, allowEmpty, showHour, showMinute, showSecond,
format, defaultOpenValue, clearText, onEsc, addon, use12Hours, onClear,
focusOnOpen, onKeyDown, hourStep, minuteStep, secondStep, inputReadOnly,
const {
value, currentSelectPanel,
} = this.state;
- const disabledHourOptions = disabledHours();
+ const disabledHourOptions = this.disabledHours();
const disabledMinuteOptions = disabledMinutes(value ? value.hour() : null);
const disabledSecondOptions = disabledSeconds(value ? value.hour() : null,
value ? value.minute() : null);
hourOptions={hourOptions}
minuteOptions={minuteOptions}
secondOptions={secondOptions}
- disabledHours={disabledHours}
+ disabledHours={this.disabledHours}
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
onChange={this.onChange}
hourOptions={hourOptions}
minuteOptions={minuteOptions}
secondOptions={secondOptions}
- disabledHours={disabledHours}
+ disabledHours={this.disabledHours}
disabledMinutes={disabledMinutes}
disabledSeconds={disabledSeconds}
onCurrentSelectPanelChange={this.onCurrentSelectPanelChange}
use12Hours={use12Hours}
+ isAM={this.isAM()}
/>
{addon(this)}
</div>