Javascript 在react native的文本框中显示日期选择器
我正在使用react native datepicker显示日期选择器。我的问题是我有两个文本框用于开始和结束日期。我想在用户点击文本框时显示日期选择器。这段代码显示日期选择器,但我希望在用户点击文本框时显示选择器。所选日期应绑定到文本框Javascript 在react native的文本框中显示日期选择器,javascript,ios,react-native,Javascript,Ios,React Native,我正在使用react native datepicker显示日期选择器。我的问题是我有两个文本框用于开始和结束日期。我想在用户点击文本框时显示日期选择器。这段代码显示日期选择器,但我希望在用户点击文本框时显示选择器。所选日期应绑定到文本框 <DatePicker style={{width: 200}} date={this.state.date} mode="date" placeholder="Select date" format="Y
<DatePicker
style={{width: 200}}
date={this.state.date}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
minDate="2016-05-01"
maxDate="2020-12-12"
confirmBtnText="OK"
cancelBtnText="Cancel"
onDateChange={(date) => {this.setState({date: date})}}
{this.setState({date:date}}}
我怎样才能做到这一点?任何帮助都将不胜感激。提前感谢 试试下面的代码
作用
渲染
var-dobValue='选择出生日期';
var日期=新日期(this.state.dob);
dobValue=isNaN(日期)?this.state.dob:date.getDate()+“/”+parseInt(date.getMonth()+1)+“/”+date.getFullYear();
将ref添加到日期选择器
<DatePicker
style={{width: 200}}
ref='datepicker'
date={this.state.date}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
minDate="2016-05-01"
maxDate="2020-12-12"
confirmBtnText="OK"
cancelBtnText="Cancel"
onDateChange={(date) => {this.setState({date: date})}}
{this.setState({date:date}}}
文本调用的onTap
this.refs.datepicker.onPressDate() 我想在文本输入中显示picker点击而不是在文本上,根据我的理解,当我们点击并在文本输入中键入一个字符时,将点击onChangeText回调。我想这不适用于我的情况。
var dobValue='Select Date of Birth';
var date = new Date(this.state.dob);
dobValue= isNaN(date) ? this.state.dob :date.getDate() + "/"+ parseInt(date.getMonth()+1) +"/"+ date.getFullYear();
<DateTimePicker isVisible={this.state.isDateTimePickerVisible} onConfirm={this._handleDatePicked} onCancel={this._hideDateTimePicker}/>
<Input style={{fontSize:16,padding:6,borderColor:'#C8C8C8',borderWidth: 1}} placeholder="Email" onChangeText={this._showDateTimePicker} value={dobValue}/>
<DatePicker
style={{width: 200}}
ref='datepicker'
date={this.state.date}
mode="date"
placeholder="Select date"
format="YYYY-MM-DD"
minDate="2016-05-01"
maxDate="2020-12-12"
confirmBtnText="OK"
cancelBtnText="Cancel"
onDateChange={(date) => {this.setState({date: date})}}