react-native - 如何以 24 小时格式制作 React-native DatePickerIOS？

Question

我正在学习 react 原生。如何在 DatePickerIOS 中删除 AM/PM 并使用 24 小时格式？

这是我的代码

class ClockScreen extends React.Component {
  constructor(props){
    super(props);
    this.state = {
      date: new Date(),
      timeZoneOffsetInHours: (-1) * (new Date()).getTimezoneOffset() / 60,
    };
  }

  render() {
      return (
        <View style={styles.container}>
          <DatePickerIOS
            date={this.state.date}
            mode="time"
            timeZoneOffsetInMinutes={this.state.timeZoneOffsetInHours * 60}
            onDateChange={this.onDateChange.bind(this)}
          />
        </View>
      );
  }

  onDateChange(date) {
    this.setState({date: date});
  }
}

Answer 1

时间 24 小时格式取决于语言环境 Prop 和默认语言环境的设置“en”。

添加这个 Prop locale={'en_GB'}

 <DatePickerIOS
   date={new Date()}
   locale={'en_GB'}
 >