React-native中DatePickerAndroid的使用

本文介绍了如何在React Native中使用DatePickerAndroid组件打开系统日期选择器,并提供了日期格式化的实现方法,确保不同设备上日期的一致性展示。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值