reactjs - 模拟时间picer的数字时间选择器

时间:2018-05-23 07:19:17

标签: reactjs material-ui timepicker

我正在使用meterial-ui-datetimepicker来表示日历和时间选择器。 我的时间选择器看起来像这样:

我的模拟时间选择器

My analog time picker

我希望以数字模式显示它,如下所示:

数字时间选择器

Digital time picker

我的代码:

import React from 'react';
import DateTimePicker from 'libs/DateTimePicker';
import DatePickerDialog from 'material-ui/DatePicker/DatePickerDialog';
import TimePickerDialog from 'material-ui/TimePicker/TimePickerDialog';

class DatetimeFilter extends React.Component {
  render() {
    return (
      <DateTimePicker
        DatePicker={DatePickerDialog}
        TimePicker={TimePickerDialog}
        onChange={this.handleTimeChange}
        floatingLabelText={this.props.label}
        timeFormat={'24hr'}
      />);
  }
}
  1. meterial-ui是否有数字形式的时间选择器?
  2. 如果没有,我该怎么做?

1 个答案:

答案 0 :(得分:0)

1不,不。

2我使用rc-time-picker