React Native兼容ios和android的时间控件

一.导入第三方库

　　npm install react-native-datepicker --save

二.导入DatePicker组件

import DatePicker from 'react-native-datepicker'

 

三.设置控件

　　1.先看看GitHub上面的效果，有一个框，后面还有个日历的icon。

　　

　　2.干掉框框和图片

　　　

<DatePicker
                        style={{}}
                        date={this.state.startDate}
                        mode="date"
                        showIcon={false}        //干掉图片
                        placeholder="请选择"
                        format="YYYY-MM-DD"
                        minDate="2016-01-01"
                        maxDate="2222-02-22"
                        confirmBtnText="确定"
                        cancelBtnText="取消"
                        customStyles={{
                          dateIcon: {
                            position: 'absolute',
                            left: 0,
                            marginLeft: 0
                          },
                          dateInput: {
                            borderWidth:0        //干掉框框
                          }
                        }}
                        onDateChange={(date) => {this.setState({startDate: date})}}
                      />       

 

　　3.这还是一个同时适应中英的控件

 

四.最后附上GitHub上大神Demo的网址

　　https://github.com/xgfe/react-native-datepicker