鉴于NativeBase v2.5.1中的这个DatePicker Api我应该如何使用新选择的日期捕获更改日期事件?
如果我理解的话,所选日期仅在组件的内部状态下可用:
setDate(date) {
this.setState({ chosenDate: new Date(date) });
}
我想我可以使用react native ref api,但它似乎不对,因为其他类似的组件确实提供onDateChange事件,例如:react-native-datepicker
答案 0 :(得分:2)
在基于本机的v2.6.1及更高版本中已修复。
<DatePicker
formatChosenDate={date => {return moment(date).format('YYYY-MM-DD');}}
..... />
答案 1 :(得分:1)
检查日期选择器https://docs.nativebase.io/Components.html#date-picker-def-headref
的文档NativeBase KitchenSink的示例示例https://github.com/GeekyAnts/NativeBase-KitchenSink/blob/master/src/screens/datepicker/index.js
已修复v2.5.2
答案 2 :(得分:0)
答案 3 :(得分:0)
import {DatePicker} from 'native-base'
this.state = {
date : ''
}
render(){
console.log('selected date',this.state.date)
render(
<View>
<DatePicker
defaultDate={new Date(1994, 3, 23)}
// minimumDate={new Date()}
textStyle={'#000'}
placeHolderTextStyle={'#000'}
onDateChange={(date) => this.setState({ date })}
/>
</View>
)
}