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