React.js：以24小时格式显示时间

Question

我正在尝试使用react js以24小时格式打印时间。我使用下面的示例，给出了12小时格式。有什么想法可以获取24小时格式吗？

https://www.npmjs.com/package/react-time-picker

预先感谢

Answer 1

您可以使用使用24小时格式而非am / pm格式的locale道具。

例如瑞典sv-sv使用24小时制。

示例（CodeSandbox）

class App extends Component {
  state = {
    time: "10:00"
  };

  onChange = time => this.setState({ time });

  render() {
    return (
      <div style={{ marginTop: "200px" }}>
        <TimePicker
          onChange={this.onChange}
          value={this.state.time}
          locale="sv-sv"
        />
      </div>
    );
  }
}