前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >iOS UIDatePicker的使用详情

iOS UIDatePicker的使用详情

作者头像
网罗开发
发布于 2021-01-29 09:23:09
发布于 2021-01-29 09:23:09
4K00
代码可运行
举报
文章被收录于专栏:网罗开发网罗开发
运行总次数:0
代码可运行

一:UIDatePicker的介绍

UIDatePicker 是一个控制器类,封装了 UIPickerView,但是他是UIControl的子类,专门用于接受日期、时间和持续时长的输入。 日期选取器的各列会按照指定的风格进行自动配置,这样就让开发者不必关心如何配置表盘这样的底层操作。 你也可以对其进行定制,令其使用任何范围的日期。

UIDatePicker这个类的对象让用户可以在多个车轮上选择日期和时间。 iPhone手机上的‘时钟’应用程序中的时间与闹铃中便使用了该控件。 使用这个控件时,如果你能配置正确,当用户滚动车轮到一个新的日期或者时间上时,利用UIControlEventValueChanged触发事件。 UIDatePicker给出了倒计时模式,但是并没有实现相关事件。 如果你使用该模式,必须在应用程序中设置一个NSTime对象,让倒计时中的时间不断减少。

二:UIDatePicker的使用

2.1 创建并添加一个UIDatePicker对象

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//
//  ViewController.m
//  DatePicker
//
//  Created by 范保莹 on 2017/10/23.
//  Copyright © 2017年 DatePicker. All rights reserved.
//#import "ViewController.h"#define SCREEN_WIDTH [UIScreen mainScreen].bounds.size.width
#define SCREEN_HEIGHT [UIScreen mainScreen].bounds.size.height@interface ViewController ()//创建对象
@property (nonatomic, strong) UIDatePicker *datePicker;@end
2.2 配置UIDatePicker对象
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
- (void)setupDateKeyPan {
   
   UIDatePicker *datePicker = [[UIDatePicker alloc] init];
   
   //设置地区: zh-中国
   datePicker.locale = [NSLocale localeWithLocaleIdentifier:@"zh"];
   
   //设置日期模式(Displays month, day, and year depending on the locale setting)
   datePicker.datePickerMode = UIDatePickerModeCountDownTimer;
   // 设置当前显示时间
   [datePicker setDate:[NSDate date] animated:YES];
   // 设置显示最大时间(此处为当前时间)
   [datePicker setMaximumDate:[NSDate date]];
   
   //设置时间格式
   
   //监听DataPicker的滚动
   [datePicker addTarget:self action:@selector(dateChange:) forControlEvents:UIControlEventValueChanged];
   
   self.datePicker = datePicker;
   
   //设置时间输入框的键盘框样式为时间选择器
   self.timeTextField.inputView = datePicker;
}
2.3 禁止用户输入文字
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
//禁止用户输入文字
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
 return NO;
}
2.4 显示文本
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
- (void)dateChange:(UIDatePicker *)datePicker {
   
   NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
   
   //设置时间格式
   formatter.dateFormat = @"yyyy年 MM月 dd日";
   NSString *dateStr = [formatter  stringFromDate:datePicker.date];
   
   self.timeTextField.text = dateStr;
}
@end

三:选择模式

日期/时间选取器持4种不同模式的选择方式。 通过设置 datePickerMode 属性,可以定义选择模式:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
datePicker.datePickerMode = UIDatePickerModeTime;

支持的模式:

支持模式

四种时间模式样式截图如下:

3.1 UIDatePickerModeTime

UIDatePickerModeTime

在这种模式下,显示时、分、AM/PM标志(可选)。具体的显示顺序取决于设备的本地化设置。

3.2 UIDatePickerModeDate

UIDatePickerModeDate

在这种模式下,显示年、月、日。具体的显示顺序取决于设备的本地化设置。

3.3 UIDatePickerModeDateAndTime

UIDatePickerModeDateAndTime

在这种模式下,显示日期的月、日、星期,时间的时、分、AM/PM标志(可选)。具体的显示顺序取决于设备的本地化设置。

3.4 UIDatePickerModeCountDownTimer

UIDatePickerModeCountDownTimer

在这种模式下,显示时、分。应用程序必须实现一个计数器(NSTimer对象),让倒计时中的时间不断减少。

四:日期范围

你可以通过设置mininumDate 和 maxinumDate 属性,来指定使用的日期范围。如果用户试图滚动到超出这一范围的日期,表盘会回滚到最近的有效日期。两个方法都需要NSDate 对象作参数:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
NSDate* minDate = [[NSDate alloc]initWithString:@"1900-01-01 00:00:00 -0500"];    
NSDate* maxDate = [[NSDate alloc]initWithString:@"2099-01-01 00:00:00 -0500"];    datePicker.minimumDate = minDate;    
datePicker.maximumDate = maxDate;  

如果两个日期范围属性中任何一个未被设置,则默认行为将会允许用户选择过去或未来的任意日期。这在某些情况下很有用处,比如,当选择生日时,可以是过去的任意日期,但终止与当前日期。如果你希望设置默认显示的日期,可以使用date属性:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
datePicker.date = minDate;

此外,你还可以用 setDate 方法。如果选择了使用动画,则表盘会滚动到你指定的日期:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[datePicker setDate:maxDate animated:YES];
本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2017-10-23,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 网罗开发 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 一:UIDatePicker的介绍
  • 二:UIDatePicker的使用
  • 2.1 创建并添加一个UIDatePicker对象
    • 2.2 配置UIDatePicker对象
    • 2.3 禁止用户输入文字
    • 2.4 显示文本
  • 三:选择模式
    • 3.1 UIDatePickerModeTime
    • 3.2 UIDatePickerModeDate
    • 3.3 UIDatePickerModeDateAndTime
    • 3.4 UIDatePickerModeCountDownTimer
  • 四:日期范围
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档