react-native-modal-datetime-picker 日期时间选择器组件

react-native-modal-datetime-picker 日期时间选择器组件

1、组件描述：
react-native-modal-datetime-picker是基于react native的一款日期时间选择器组件，能兼容iOS和Android。详细使用方法参考地址：
（1）npm 组件地址
2、组件使用：
（1）先安装react-native-modal-datetime-picker
$ npm install react-native-modal-datetime-picker --save
（2）导入react-native-modal-datetime-picker
import DateTimePicker from “react-native-modal-datetime-picker”;
（3）使用DateTimePicker

<DateTimePicker
    isVisible={this.state.isDateTimePickerVisible1}
    mode={'datetime'}
    minimumDate={new Date()}
    datePickerModeAndroid={'calendar'}
    onConfirm={this.handleDatePicked1} //确定按钮事件
    onCancel={()=>{this.setState({isDateTimePickerVisible1:false})}}  // 取消按钮事件
/>  
//点击确定事件
handleDatePicked1 = date => {
	this.setState({
	receive_start_time: this.parseTime(date) //调用此方法，把获取到的值换成自己需要的格式
	},()=>{
	this.setState({ isDateTimePickerVisible1: false });
	})     
};      
parseTime(d) {
	const newDate = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + d.getDate() + ' '
	          + d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds();
	return newDate;
}

4、react-native-modal-datetime-picker组件属性及方法：

5、效果图：