项目中要用到日期选择器,类似这样:
在React Native 中ios 有DatePickerIOS,android 有DatePickerAndroid,本人只是试了下ios,设置node= date,显示出来的效果是:
render() {
return (
<View style={styles.container}>
<DatePickerIOS
date={this.state.chosenDate}
onDateChange={this.setDate}
mode = 'date'
//format="YYYY-MM-DD"
/>
</View>
)
}
}
达不到我要显示的效果,为啥是英文的,于是开始搜网站,发现两个比较好的组件:
//集成了ios 和android ,两个个平台组件长得不一样,但都和原生一样。
(1)https://www.npmjs.com/package/react-native-datepicker
//类似ios,两个平台长得差不多,这个后期可能会用到。
(2)https://github.com/henninghall/react-native-date-picker
//这个网站有很多封装好的组件,需要学习一下。
(3)https://github.com/forrest23/ReactNativeComponents
//和1类似,应该是同一个
(4)https://mp.weixin.qq.com/s/PAcIUkUSCStubGz2a-LNOg
//这是另外一种日期选择器
https://swift.ctolib.com/article/wiki/111090
后来问Q友,告诉我国际化,奥,有个属性是locale,
我没有理解,原来是通过国际化显示中国的显示形式,于是改代码为:
render() {
return (
<View style={styles.container}>
<DatePickerIOS
date={this.state.chosenDate}
onDateChange={this.setDate}
mode = 'date'
format="YYYY-MM-DD"
//ormat="YYYY年MM月DD日"
locale = 'zh-Hans'
/>
</View>
)
}
}
结果出来了,开心!!!