iOS新手开发之旅-日期选择器UIDatePicker

竹林风

  文章导航  

【iOS新手开发之旅】   http://www.sufeinet.com/thread-24000-1-1.html

介绍


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

UIDatePicker这个类的对象让用户可以在多个车轮上选择日期和时间。iPhone手机上的‘时钟’应用程序中的时间与闹铃中便使用了该控件。

使用这个控件时，如果你能配置正确，当用户滚动车轮到一个新的日期或者时间上时，利用UIControlEventValueChanged触发事件。
UIDatePicker给出了倒计时模式，但是并没有实现相关事件。

如果你使用该模式，必须在应用程序中设置一个NSTime对象，让倒计时中的时间不断减少。


使用




代码

[Objective-C] 纯文本查看 复制代码

#import "firstVC.h"


@interface firstVC ()<UITextFieldDelegate>  //遵循协议

@property (nonatomic,strong)UIDatePicker * datePicker;//自定义pickerview

@property(nonatomic,strong)UITextField *timeTextField;



@end

@implementation firstVC

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor yellowColor];
    self.title = @"Leader";
    
    
    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 = [[UITextField alloc]initWithFrame:CGRectMake(0, 100, 150, 50)];
    self.timeTextField.delegate = self;
    [self.view addSubview:self.timeTextField];
    
    //设置时间输入框的键盘框样式为时间选择器
    self.timeTextField.inputView = datePicker;
}

- (void)dateChange:(UIDatePicker *)datePicker {
    
    NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
    
    //设置时间格式
    formatter.dateFormat = @"yyyy年 MM月 dd日";
    NSString *dateStr = [formatter  stringFromDate:datePicker.date];
    
    self.timeTextField.text = dateStr;
}

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

选择模式

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

[Objective-C] 纯文本查看 复制代码

datePicker.datePickerMode = UIDatePickerModeTime;

支持的模式：





四种时间模式样式：


1.UIDatePickerModeTime




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


2.UIDatePickerModeDate




3. UIDatePickerModeDateAndTime




4.UIDatePickerModeCountDownTimer




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


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

[Objective-C] 纯文本查看 复制代码

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

[Objective-C] 纯文本查看 复制代码

datePicker.date = minDate; 

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

[Objective-C] 纯文本查看 复制代码

[datePicker setDate:maxDate animated:YES]; 

附件： Test-UIDatePicker.zip (205.25 KB, 下载次数: 0)

2018-12-8 17:55 上传

点击文件名下载附件

下一篇 开关控件UISwitch

站长苏飞

我只是路过打酱油的。

范范

我只是路过打酱油的。

Amy

楼主看起来很厉害的样子，我也想学iOS了

惜

楼主加油，我们都看好你哦。

liu

楼主加油，我们都看好你哦。

范范

看到这帖子真是高兴！