首页 > 系统 > iOS > 正文

iOS开发中UIDatePicker控件的使用方法简介

2020-07-26 03:32:32
字体:
来源:转载
供稿:网友

iOS上的选择时间日期的控件是这样的,左边是时间和日期混合,右边是单纯的日期模式。

 

201511892806120.png (321×214)您可以选择自己需要的模式,Time, Date,Date and Time  , Count Down Timer四种模式。

201511892826005.png (686×434)

本篇文章简单介绍下PickerDate控件的使用
1、新建一个Singe View Application,命名为DatePickDemo,其他设置如图

201511892852672.png (728×491)

2、放置控件
打开ViewController.xib,拖拽一个DatePicker控件放到界面上,再拖拽一个Button控件放到界面上,双击Button,输入"选择日期时间"

201511892914700.png (339×503)

3、建立xib和ViewController的关联
按下command+alt+enter键打开Assistant Editor,选中DatePicker按住Control键,拖拽到viewController.h上,

201511892950065.png (634×183)

建立Outlet datePicker。
以同样方式给Button建立一个Action关联映射,命名为selectDate,事件类型为默认的Touch Up Inside。
4、实现代码
单击ViewController.m,找到刚才创建的

复制代码 代码如下:

- (IBAction)selectDate:(id)sender {
}

在这里添加响应代码
复制代码 代码如下:

- (IBAction)selectDate:(id)sender {
    NSDate *select = [datePicker date];
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm"];
    NSString *dateAndTime =  [dateFormatter stringFromDate:select];
    UIAlertView *alert = [[UIAlertView alloc] initWithTitle:@"时间提示" message:dateAndTime delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil, nil];
    [alert show];
}

运行看效果:

201511893012053.png (368×716)

5、修改模式成Date模式,修改代码

复制代码 代码如下:

    [dateFormatter setDateFormat:@"yyyy-MM-dd"];


201511893036923.png (368×716)

常用参数
上面已经提到了一些常用参数的使用,下面再来列一下比较常用的几个:
1.Locale
设置DatePicker的地区,即设置DatePicker显示的语言。

跟踪所有可用的地区,取出想要的地区

复制代码 代码如下:

NSLog(@"%@", [NSLocale availableLocaleIdentifiers]);

2. 设置日期选择控件的地区
复制代码 代码如下:

[datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"zh_Hans_CN"]];

复制代码 代码如下:

[datePicker setLocale:[[NSLocale alloc]initWithLocaleIdentifier:@"en_SC"]];

Calendar
设置DatePicker的日历。

默认为当天。

复制代码 代码如下:

[datePicker setCalendar:[NSCalendar currentCalendar]];

3.timeZone
设置DatePicker的时区。

默认为设置为:

复制代码 代码如下:
[datePicker setTimeZone:[NSTimeZone defaultTimeZone]];

4.date
设置DatePicker的日期。

默认设置为:

复制代码 代码如下:
[datePicker setDate:[NSDate date]];

5.minimumDate
设置DatePicker的允许的最小日期。

6.maximumDate
设置DatePicker的允许的最大日期。

7.countDownDuration
设置DatePicker的倒计时间.

1) 设置日期选择的模

复制代码 代码如下:

[self.datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

2) 设置倒计时的时长

注意:设置倒计时时长需要在确定模式之后指定

复制代码 代码如下:

// 倒计时的时长,以秒为单位

[self.datePicker setCountDownDuration:10 * 60];


8.minuteInterval
你可以将分钟表盘设置为以不同的时间间隔来显示分钟,前提是该间隔要能够让60整除。默认间隔是一分钟。如果要使用不同的间隔,需要改变 minuteInterval属性:
复制代码 代码如下:

// 设置分钟间隔

datePicker.minuteInterval = 15;


9.datePickerMode
9.1    UIDatePickerModeTime,
复制代码 代码如下:

// Displays hour, minute, and optionally AM/PM designation depending on the locale setting (e.g. 6 | 53 | PM)

显示小时,分钟和AM/PM,这个的名称是根据本地设置的
复制代码 代码如下:

[datePicker setDatePickerMode:UIDatePickerModeTime];

9.2    UIDatePickerModeDate,

// Displays month, day, and year depending on the locale setting (e.g. November | 15 | 2007)

显示年月日,名称根据本地设置的

复制代码 代码如下:

[datePicker setDatePickerMode:UIDatePickerModeDate];

9.3 默认是显示这种模式
复制代码 代码如下:

UIDatePickerModeDateAndTime,    // Displays date, hour, minute, and optionally AM/PM designation depending on the locale setting

(e.g. Wed Nov 15 | 6 | 53 | PM)

显示日期,小时,分钟,和AM/PM,名称是根据本地设置的

复制代码 代码如下:

[datePicker setDatePickerMode:UIDatePickerModeDateAndTime];

9.4
复制代码 代码如下:

UIDatePickerModeCountDownTimer  // Displays hour and minute (e.g. 1 | 53)

显示小时和分钟
复制代码 代码如下:

[datePicker setDatePickerMode:UIDatePickerModeCountDownTimer];

10. UIDatePicker使用教程一。
10.1初始化
复制代码 代码如下:

// 不用设置宽高,因为它的宽高是固定的

UIDatePicker *datePicker = [[UIDatePicker alloc] init];


10.2常用设置
复制代码 代码如下:

// 设置区域为中国简体中文

datePicker.locale = [[NSLocale alloc] initWithLocaleIdentifier:@"zh_CN"];

// 设置picker的显示模式:只显示日期

datePicker.datePickerMode = UIDatePickerModeDate;


10.3UIDatePicker需要监听值的改变
复制代码 代码如下:

[datePicker addTarget:self action:@selector(dateChange:) forControlEvents:UIControlEventValueChanged];

11.UIDatePicker使用教程二。
11.1日期范围
你可以通过设置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;


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

datePicker.date = minDate;

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

[ datePicker setDate:maxDate animated:YES];

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表