如何使用 NativeBase DatePicker

Question

鑒於來自 NativeBase v2.5.1 的這個DatePicker Api ，我應該如何使用新選擇的日期捕獲更改日期事件？

如果我理解得很好，則所選日期僅在組件的內部狀態中可用：

setDate(date) {
    this.setState({ chosenDate: new Date(date) });
}

我想我可以使用 react native ref api 但它似乎不對，因為其他類似的組件確實提供了 onDateChange 事件，例如： react-native-datepicker

Answer 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 修復

Answer 2

在原生基礎 v2.6.1 中修復。

<DatePicker
formatChosenDate={date => {return moment(date).format('YYYY-MM-DD');}}
..... />

Answer 3

你可以設置，

onDateChange={(date) => this.setDate(date)}

並確保您已將本機基礎版本更新為 v2.6.1

簽出： v2.6.1

Answer 4

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>
        )
    }