React-native中DatePickerAndroid的使用

在react native中,用DatePickerAndroid来打开系统的日期选择器,上图:
React-native中DatePickerAndroid的使用_第1张图片

关于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,这样不会造成选择日期前后文本框文字长度变化,以免危害强迫症患者。

你可能感兴趣的:(React,Native)