时间戳

首页 > 解决方案 > 将 DateTimePicker 与第一次使用的时间反应

react-native - 将 DateTimePicker 与第一次使用的时间反应

问题描述

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

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 第一次调用时会显示日期和时间。有没有办法避免它？

标签： react-nativedatetimepicker

解决方案

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

推荐阅读