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
原创粉丝点击