DatePickerIOS:日期时间选择工具

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

DatePickerIOS 是一个可以选择日期时间的组件。先在想要使用这个组件的地方把它从 React 里面提取出来 ... 输入一个 DatePickerIOS .. 找到组件的 render 方法,在里面,使用一下这个组件 ...

在组件的上面添加一个 date 属性,它的值表示的就是这个选择日期时间的列表显示的日期时间 .. 先把它设置成当前的日期时间 .. 保存 ..

在屏幕上会显示一个日期时间的选择列表 .. 现在它上面显示的就是现在的日期时间 .. 我们可以修改一下 iOS 模拟器的地区 ..
回到主屏幕上 .. command + shift + H ...

找到设置 .. General .. Language & Region .. 先设置一下语言 .. 选择简体中文 .. 完成 ...

再设置一下 地区 ... 找到 中国 .. 完成 .. 继续 .. command + shift ,然后按两下 H .. 关掉设置,回到我们自己的应用 ...

你会发现现在这个日期时间选择列表就会显示简体中文了 .. 先选择日期 .. 然后上午或下午,接着可以选择时间 .. DatePickerIOS 组件的 mode 属性,可以控制这个日期时间选择列表的模式 .. 比如我们只想选择日期 .. 可以把这个属性的值设置成 date .. 默认这个属性的值是 datetime .. 表示同时可以选择日期与时间 .. 添加一个 date 属性,把它的值设置成 date .. 保存 ..

现在,我们就只能用它选择日期了 .. 再试一下 time .. 这种模式可以去选择时间 ...

还有一个 countdown .. 倒计时 ..

再换成 datetime .. 它可以同时让我们选择日期与时间 ..

DatePickerIOS:日期时间选择工具《 React Native 组件 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点