React 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()}或最初要显示的任何日期。