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

时间:2016-02-13 08:06:37

标签: react-native

DatePickerIOS

我正在学习反应原生。如何删除AM / PM并在DatePickerIOS中使用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});
  }
}

1 个答案:

答案 0 :(得分:0)

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

添加此道具locale = {'en_GB'}

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