TimePicker始终以默认值显示值0

时间:2018-02-28 10:52:16

标签: javascript reactjs momentjs

我正在使用import TimePicker from 'rc-time-picker';

在React JS中开发一个组件

默认值始终为0.

我定义了一个函数:

function getCurrentHours (){
  return moment().format('HH');
}

<TimePicker 
    style={{ width: 50 }}
    defaultValue={getCurrentHours()}
    hideDisabledOptions
    disabledHours={getDisabledHours} /*horas que não podem ser selecionadas*/
    showSecond={false} 
    showMinute={false}
    {...rest}
    selected={this.state.selectedDate}
    onChange={this.handleChange}
/>

如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

docs起,defaultValue需要成为一个时刻。 moment.format返回一个字符串,尝试将默认值作为时刻对象传递。

function getCurrentHours (){
  return moment();
}

工作示例here