如何使用NativeBase DatePicker

时间:2018-06-10 21:35:54

标签: react-native datepicker native-base

鉴于NativeBase v2.5.1中的这个DatePicker Api我应该如何使用新选择的日期捕获更改日期事件?

如果我理解的话,所选日期仅在组件的内部状态下可用:

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

我想我可以使用react native ref api,但它似乎不对,因为其他类似的组件确实提供onDateChange事件,例如:react-native-datepicker

4 个答案:

答案 0 :(得分:2)

在基于本机的v2.6.1及更高版本中已修复。

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

答案 1 :(得分:1)

答案 2 :(得分:0)

您可以设置

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

,并确保已将本机基本版本更新为v2.6.1

签出:v2.6.1

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