React Native日期时间选择器 – react-native-modal-datetime-picker

[weixin_38058748]

react-native-modal-datetime-picker 一个React Native日期时间选择器，能够在Android和iOS上运行。 GIFs! 使用方法 import React, { Component } from 'react' import { Text, TouchableOpacity, View } from 'react-native' import DateTimePicker from 'react-native-modal-datetime-picker' export default class DateTimePickerTester extends Component { state = { isDateTimePickerVisible: false } _showDateTimePicker = () => this.setState({ isDateTimePickerVisible: true }) _hideDateTimePicker = () => this.setState({ isDateTimePickerVisible: false }) _handleDatePicked = (date) => { console.log('A date has been picked: ', date) this._hideDateTimePicker() } render () { return ( <View style={{ flex: 1 }}> <TouchableOpacity onPress={this._showDateTimePicker}> <Text>Show TimePicker</Text> </TouchableOpacity> <DateTimePicker isVisible={this.state.isDateTimePickerVisible} onConfirm={this._handleDatePicked} onCancel={this._hideDateTimePicker} /> </View> ) }