React-native中DatePickerAndroid的使用
来源:互联网 发布:c语言怎么取反 编辑:程序博客网 时间:2024/05/19 03:20
在react native中,用DatePickerAndroid来打开系统的日期选择器,上图:
关于async和await,见阮一峰老师的日志:
http://www.ruanyifeng.com/blog/2015/05/async.html
不同的手机系统上显示的new Date()是不同的,有的显示的是:2016/4/15,有的是04/15/16,所以将时间用toLocalString()方法转成上面的字符串的时候,得到的结果不同。这时就需要将得到的时间拆分,然后重组。比如后台需要的是2016/4/15格式的时间,那就必须用:startDate.getFullYear()、.getDate()、.getMonth()+1来获得年、日、月(月是从0开始算,所以加1)。
日期格式化代码:
formateDate(date) { var year = date.getFullYear() ; var month = date.getMonth() +1 ; var day = date.getDate() ; var formatedStr = year + '/' + month +'/' + day ; // console.log('formatedStr: ' + formatedStr ) ; return formatedStr ; }
还可以更加规范点,将小于10的数字,用0补在前面凑成2位数字,比如03,这样不会造成选择日期前后文本框文字长度变化,以免危害强迫症患者。
0 0
- React-native中DatePickerAndroid的使用
- react-native中抽屉的使用(react-native-drawer)
- React Native中定时器的使用
- React Native中ListView的简单使用
- React Native中组件的封装使用
- React-Native中导航组件react-navigation的使用
- [原]东方耀手把手教React Native实战之API学习DatePickerAndroid与TimePickerAndroid
- react native 中 使用 Redux
- react-native中使用underscore
- react native中使用react-native-viewpager实现的商品展示添加点击事件
- React Native中react-native-baidu-map的安装与使用
- 【React Native开发】- React Navigation的使用
- React-Native 中 StackNavigator的跳转界面的使用
- 【React native】Webview的使用
- [React Native]StatusBar的使用
- react native ref的使用
- React native Webview的使用
- react-native的简单使用
- 设计模式之策略模式
- keybd_event常量符号 含义
- docker 初识
- iOS 状态栏点击事件
- 定位
- React-native中DatePickerAndroid的使用
- gitstack破解 安装
- 微软自带后门
- java - 通过反射调用类的完整结构
- IO多路复用-Select
- Qt中文路径问题(Cannot find file: 进程"C:\Qt\4.8.5\bin\qmake.exe"退出,退出代码 2)
- 3.1.4.1 基本分页存储管理方式
- Intellij IDEA 提交代码到远程GitHub仓库
- MS14-058(CVE-2014-4113)利用代码