用第一次使用的时间反应 DateTimePicker

Question

我有一个预订东西的应用程序。我遇到的问题是，如果多次使用日历组件，显示的时间是第一次使用我的组件的时间。我想要的是在用户从菜单中单击以访问组件时显示日期。

export default class Menu extends React.Component {
  render() {
    return (
      <View>
            <TouchableOpacity
                  onPress={() => {this.props.navigation.navigate('Calendar')}>

export default class Calendar extends Component {
  state = {
    isDateTimePickerVisible: true,
    dateNow : null
  };

  componentDidMount() {
      var myDate = new Date ()
      this.setState( {dateNow: myDate})
  }
...
  render () {
    return (
      <View style={{ flex: 1 }}>
        <DateTimePicker
          isVisible={this.state.isDateTimePickerVisible}
          onConfirm={this.handleDatePicked}
          onCancel={() => {   this.hideDateTimePicker,
                              this.props.navigation.navigate('Menu') }}
          titleIOS='When do you want to book' // for iOS only
          mode='datetime'
        />
      </View>

我的问题是 DateTimPicker 在第一次调用时显示日期和时间。有什么办法可以避免吗？

Answer 1

我假设您使用的是 react-native-modal-datetime-picker，在这种情况下，您可以只传递 date={new Date()} 或您希望最初显示的任何日期。

用第一次使用的时间反应 DateTimePicker

React DateTimePicker with the time of the first use

datetimepicker

react-native