设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 878|回复: 9

[课堂笔记] 41、手把手教React Native实战之API学习DatePickerAndroid与TimePicker...

[复制链接]

401

主题

762

帖子

6925

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6925
发表于 2016-6-23 15:34:37 | 显示全部楼层 |阅读模式
#41、手把手教React Native实战之API学习DatePickerAndroid与TimePickerAndroid

日期、时间选择器  Android中是以api的形式,IOS是以组件的形式

DatePickerAndroid:

static open(options: Object)

打开一个标准的Android日期选择器的对话框

可选的options对象的key值如下:

date (Date对象或毫秒时间戳) - 默认显示的日期
minDate (Date对象或毫秒时间戳) - 可选的最小日期
maxDate (Date对象或毫秒时间戳) - 可选的最大日期
在用户选好日期后返回一个Promise,回调参数为一个对象,其中包含有action, year, month (0-11), day。如果用户取消了对话框,Promise仍然会执行,返回的action为DatePickerAndroid.dismissedAction,其他几项参数则为undefined。所以请在使用其他值之前务必先检查action的值。

注意:当Android手机操作系统低于5.0时,设置最小和最大日期会导致api异常,最好不要设置,而是在用户选择完成后再进行检查;api中的Open函数打开的界面是系统的界面,不能设置其任何显示样式,如何手机显示不同是因为系统被厂商深度定制了

TimePickerAndroid:

static open(options: Object)

打开一个标准的Android时间选择器的对话框。

可选的options对象的key值如下:

hour (0-23) - 要显示的小时,默认为当前时间。
minute (0-59) - 要显示的分钟,默认为当前时间。
is24Hour (boolean) - 如果设为true,则选择器会使用24小时制。如果设为false,则会额外显示AM/PM的选项。如果不设定,则采取当前地区的默认设置。
在用户选好时间后返回一个Promise,回调参数为一个对象,其中包含有action, hour (0-23), minute (0-59)。如果用户取消了对话框,Promise仍然会执行,返回的action为TimePickerAndroid.dismissedAction,其他几项参数则为undefined。所以请在使用其他值之前务必先检查action的值。一般用TimePickerAndroid.timeSetAction的取反来判断

注意:is24Hour在某些手机上不会产生作用,用户没有选择时间是因为按下了返回键或取消键;同样的api中的Open打开的是系统的界面





react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

69

帖子

178

积分

注册会员

Rank: 2

积分
178
发表于 2016-7-15 15:21:58 | 显示全部楼层
学习了。。。。。。。
回复

使用道具 举报

0

主题

52

帖子

106

积分

注册会员

Rank: 2

积分
106
发表于 2016-8-26 12:23:39 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

45

帖子

92

积分

注册会员

Rank: 2

积分
92
发表于 2016-9-24 12:11:58 | 显示全部楼层
9d8b9d8b9d8b
回复 支持 反对

使用道具 举报

0

主题

292

帖子

610

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
610
发表于 2016-9-29 16:06:50 | 显示全部楼层
强烈关注
回复

使用道具 举报

0

主题

54

帖子

128

积分

注册会员

Rank: 2

积分
128
发表于 2016-10-4 19:13:25 | 显示全部楼层
好好学习,天天向上!!!
回复 支持 反对

使用道具 举报

4

主题

127

帖子

380

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
380
发表于 2016-10-7 21:30:13 | 显示全部楼层
手把手教React Native实战之API学习DatePickerAndroid与TimePicker
回复 支持 反对

使用道具 举报

4

主题

127

帖子

380

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
380
发表于 2016-10-7 21:30:36 | 显示全部楼层
手把手教React Native实战之API学习DatePickerAndroid与TimePicker
回复 支持 反对

使用道具 举报

0

主题

340

帖子

692

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
692
发表于 2017-12-4 13:23:30 | 显示全部楼层
牛逼,挨个下载吧.每个都要回复.
视屏下载专用回复...
回复 支持 反对

使用道具 举报

4

主题

1461

帖子

3022

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
3022
发表于 2017-12-15 14:00:17 | 显示全部楼层
回复回复回复回复
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-8-20 03:43 , Processed in 0.131519 second(s), 26 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表