我有一个用于预订的应用程序。 我的问题是,如果您多次使用日历组件,则显示的时间就是第一次使用我的组件的时间。我想显示的是用户从菜单中单击以访问组件时的日期。
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时会显示日期和时间。有办法避免吗?
答案 0 :(得分:0)
我假设您正在使用react-native-modal-datetime-picker
,在这种情况下,您可以只传递date={new Date()}
或您希望最初显示的任何日期。