javascript - Reactjs : display time in 24hr format

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>
    );
  }
}