UIDatePicker | 时间选择器

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

一:UIDatePicker的介绍

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

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

二:UIDatePicker的使用

2.1 创建并添加一个UIDatePicker对象

//
//  ViewController.m
//  DatePicker
//

#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对象

- (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 禁止用户输入文字

//禁止用户输入文字
- (BOOL)textField:(UITextField *)textField shouldChangeCharactersInRange:(NSRange)range replacementString:(NSString *)string
{
  return NO;
}

2.4 显示文本

- (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 属性,可以定义选择模式:

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 对象作参数:

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属性:

datePicker.date = minDate;

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

[datePicker setDate:maxDate animated:YES];

4. 本篇文章demo源码:

源码Demo获取方法

关注 【网罗开发】微信公众号,回复【88】便可领取。
网罗天下方法,方便你我开发,更多iOS技术干货等待领取,所有文档会持续更新,欢迎关注一起成长!

希望可以帮助大家,如有问题可加QQ技术交流群: 668562416,如果哪里有什么不对或者不足的地方,还望读者多多提意见或建议

如需转载请联系我,经过授权方可转载,谢谢

本篇已同步到个人博客:FBY展菲

目录
相关文章
让自定义视图拥有UISearchBar在UITableView上面自带的吸附效果
引言: 有时候,在UITableView的顶部,也就是HeaderView上面会有一些附加功能,例如常见的搜索功能,或者是一些数据类型的筛选. 一般情况我们会把这个附加的功能视图放在UITableView的tableHeaderView上面.
1122 0
UITextView自适应高度出现的问题
由于padding 的原因出现这个问题。因此即使减16 再返回的高度上加16还是不怎么准确。因此根据UITextView 的contentSize 的 height 计算比较准确
807 0
|
数据安全/隐私保护
DevExpress-GridControl控件-GridView使用
DevExpress-GridControl控件-GridView使用
|
iOS开发
iOS开发UI之日期控件的使用(UIDatePicker)
iOS开发UI之日期控件的使用(UIDatePicker)
462 0
|
数据库 Windows
在DataGridView控件中加入ComboBox下拉列表框的实现
本文转载:http://www.cnblogs.com/luqingfei/archive/2007/03/28/691372.html  虽然在Visual Studio中 DataGridView控件的DataGridViewComboBoxColumn可以实现下拉列表框,但这样的列会在整列中都显示下拉列表框,不太美观,而且还要用代码实现数据绑定。
1257 0
DevExpress GridControl Gridview RepositoryItemCheckEdit复选框及获取选择行数据
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/gisdoer/article/details/49250373 DevExpr...
1930 0
给UILabel控件添加一个分类
给UILabel控件添加一个分类
105 0
给UILabel控件添加一个分类