我如何使用dateTimePicker在反应术中显示文本日期



我正在使用dateTimePicker,我必须显示一个日期。我要做的是当用户单击TextView时,然后在TextView中打开DateTimePicker并再次显示日期。为此,我尝试了以下内容:

dateTimePicker的代码:

constructor(){ 
  super();
  this.state = { 
    PickerValueHolder : '' ,
    isDateTimePickerVisible: false,
    date: 'Birthday'
  }
}
_showDateTimePicker = () => this.setState({ 
  isDateTimePickerVisible: true });
_hideDateTimePicker = () => this.setState({ 
  isDateTimePickerVisible: false});
_handleDatePicked = (date) => {
  this.setState({date: date})
  this._hideDateTimePicker();
};
<TouchableOpacity onPress={this._showDateTimePicker}>
  <Text style={{marginLeft:20}}>{this.state.date}</Text>
</TouchableOpacity>
<DateTimePicker
  isVisible={this.state.isDateTimePickerVisible}
  onConfirm={this._handleDatePicked}
  onCancel={this._hideDateTimePicker/>

通过使用更改FOFORY代码

解决了我的问题
 _handleDatePicked = (date) => {
  var date = new Date(date);
  dobValue= isNaN(date) ? this.state.dob :date.getDate() + "/"+ 
  parseInt(date.getMonth()+1) +"/"+ date.getFullYear();
    if (! isNaN(date)) {
    this.setState({ dob: dobValue });
  }
  this._hideDateTimePicker();
  };

最新更新