IOS选择器--日期选择器使用详解

小编今天继续开始讲解IOS开发中另一个重要的内容--选择器的使用
选择器分为:日期选择器和普通选择器
今天,我们先介绍日期选择器,下一篇文章介绍普通选择器以及数据源的实现

日期选择器

效果如下:


IOS选择器--日期选择器使用详解_第1张图片
效果图
定义:UIDatePicker日期选择器,实现了对于日期的选择,日期的选择有四种模式【日期,日期时间,时间,倒计时】
IOS选择器--日期选择器使用详解_第2张图片
图1--倒计时
IOS选择器--日期选择器使用详解_第3张图片
图2--日期
IOS选择器--日期选择器使用详解_第4张图片
图3--时间
IOS选择器--日期选择器使用详解_第5张图片
图4--日期时间
设置方法,在控制版中设置类型
IOS选择器--日期选择器使用详解_第6张图片
图5--设置方法

实现部分

  • 故事版实现
#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *label;
@property (weak, nonatomic) IBOutlet UIDatePicker *dataPicker;
@end

@implementation ViewController
- (IBAction)onClick:(UIButton *)sender {
    NSDate *theDate = self.dataPicker.date;
    NSLog(@"the date picked is :%@",[theDate descriptionWithLocale:[NSLocale currentLocale]]);
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    dateFormatter.dateFormat = @"YYYY-MM-dd HH:mm:ss";
    NSLog(@"the date formate is:%@",[dateFormatter stringFromDate:theDate]);
    self.label.text = [dateFormatter stringFromDate:theDate];
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view, typically from a nib.
}
@end

代码分析:

  • NSDate *theDate = self.dataPicker.date;
这部分内容实现了日期的载入,类型为NSDate的对象接受传入dataPicker的date数据,并将数据打印出来,跟踪日期结果,打印结果是NSDate的默认形式
图6--跟踪输出值
  • NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    dateFormatter.dateFormat = @"YYYY-MM-dd HH:mm:ss";
为了实现日期数据输出的格式为自定义格式,我们应该使用类似于NSString的stringWithFormat的形式一样,调用NSDateFormatter创建形式为YYYY-MM-dd HH:mm:ss的输出格式
IOS选择器--日期选择器使用详解_第7张图片
图6--格式转换输出值
  • 代码实现

1.首先我们先创建一个标签(UILabel)和按钮(UIButton)的输出口

@interface ViewController ()
@property (nonatomic,strong) UIDatePicker *datePicker;
@property (nonatomic,strong) UILabel *label;
@end

2.初始化日期选择器

//日期选择器
    CGFloat datePickerWidth = 320;
    CGFloat datePickerHeight = 167;
    self.datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, datePickerWidth, datePickerHeight)];
    //设置中文
    self.datePicker.locale = [NSLocale localeWithLocaleIdentifier:@"zh-Hans"];
    //设置日期格式
    self.datePicker.datePickerMode = UIDatePickerModeDateAndTime;
    
    [self.view addSubview:self.datePicker];
注意:中文设置方式,使用self.datePicaker.lacale = [NSLocale localeWithLocaleIdentifier:@"zh-Hans"];进行设置语言类型为中文
//设置日期格式
    self.datePicker.datePickerMode = UIDatePickerModeDateAndTime;

Mode

typedef NS_ENUM(NSInteger, UIDatePickerMode) {
    UIDatePickerModeTime,           // Displays hour, minute, and optionally AM/PM designation depending on the locale setting (e.g. 6 | 53 | PM)
    UIDatePickerModeDate,           // Displays month, day, and year depending on the locale setting (e.g. November | 15 | 2007)
    UIDatePickerModeDateAndTime,    // Displays date, hour, minute, and optionally AM/PM designation depending on the locale setting (e.g. Wed Nov 15 | 6 | 53 | PM)
    UIDatePickerModeCountDownTimer, // Displays hour and minute (e.g. 1 | 53)
} __TVOS_PROHIBITED;

3.设置标签以及按钮(与之前文章相同,用于显示值的变化)

//添加标签
    CGFloat labelWidth = 200;
    CGFloat labelHeight = 21;
    CGFloat labelTopView = 281;
    self.label = [[UILabel alloc] init];
    self.label.text = @"Lable";
    self.label.frame = CGRectMake((screen.size.width-labelWidth), (labelTopView), labelWidth, labelHeight);
    self.label.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:self.label];
    
    //添加按钮
    UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];
    [button setTitle:@"Button" forState:UIControlStateNormal];
    CGFloat buttonWidth = 46;
    CGFloat buttonHeight = 30;
    CGFloat buttonTopView = 379;
    button.frame = CGRectMake((screen.size.width-buttonWidth) /2, buttonTopView, buttonWidth, buttonHeight);
    //指定事件
    [button addTarget:self action:@selector(onclick:) forControlEvents:UIControlEventTouchUpInside];
    [self.view addSubview:button];

4.实现按钮的选择@selector(onclick:)

- (void)onclick:(id)sender{
    NSDate *theDate = self.datePicker.date;
    NSLog(@"the date picked is: %@",[theDate descriptionWithLocale:[NSLocale currentLocale]]);
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    dateFormatter.dateFormat = @"YYYY-MM-dd HH:mm:ss";
    NSLog(@"the date formate is:%@",[dateFormatter stringFromDate:theDate]);
    self.label.text = [dateFormatter stringFromDate:theDate];
}

总结:通过以上方法就可以实现一个简单的日期选择器,通常日期选择器使用于用户进行选择后将日期的值传入UITextField etc...本回内容相对简单,下一回讲解普通选择器PickerView的设置以及数据源以及委托的实现过程,也会提及到像工程中自己添加属性表并读取的方法

你可能感兴趣的:(IOS选择器--日期选择器使用详解)