使用UIDatePicker来选取日期和时间

转载 2016年06月01日 18:48:27

使用UIDatePicker来选取日期和时间

问题

你想要给予用户一个选择时间的界面

解决方案

使用UIDatePicker

讨论

  • 我们想要展示一个像以下的界面给用户,当用户选择一个时间的时候我们可以得到用户选择的时间 

  • 初始化控件,将空间置于屏幕中间

  self.myUIDatePicker = [[UIDatePicker alloc]init];
  self.myUIDatePicker.center = self.view.center;
  [self.view addSubview:self.myUIDatePicker];
  • 为控件添加监听事件
[self.myUIDatePicker addTarget:self action:@selector(datePickerChange:) forControlEvents:UIControlEventValueChanged];

- (void)datePickerChange:(UIDatePicker *)paramPicker{
  NSLog(@"Selected date = %@", paramPicker.date);
}

添加上面的监听事件可以在UIDatePicker停止滚动的时候获得当前值, 或者你也可以通过UIDatePicker的属性获得UIDatePicker当前的时间

 NSDate *currentDate = self.myUIDatePicker.date;
 NSLog(@"Date = %@", currentDate);
  • 设置UIDatePicker的几种模式

    • UIDatePickerModeTime 

    • UIDatePickerModeDate 

    • UIDatePickerModeDateAndTime 

    • UIDatePickerModeCountDownTimer 

  • 设置UIDataPicker的时间间隔

你可以通过设置UIDataPicker的minimumDate和maximumDate来设置UIDataPicker的允许选择的最大最小值

  NSTimeInterval oneYearInterval = 365 * 24 * 60 * 60;
  NSDate *today = [NSDate date];
  NSDate *oneYearFromToday = [today dateByAddingTimeInterval:oneYearInterval];
  NSDate *twoYearFromToday = [today dateByAddingTimeInterval:oneYearInterval * 2];
  self.myUIDatePicker.minimumDate = oneYearFromToday;
  self.myUIDatePicker.maximumDate = twoYearFromToday;
  self.myUIDatePicker.datePickerMode = UIDatePickerModeTime;

那么如何设置倒数的时间呢?你可以通过设置UIDataPicker的倒数时长来做到这点。

 NSTimeInterval minuteInterval = 60 * 3;
  [self.myUIDatePicker setCountDownDuration:minuteInterval];
  • 设置UIDatePicker的当前时间

只需设置UIDatePicker的属性即可

  self.myUIDatePicker.date = [NSDate date];

UIDatePicker 基本设置-显示已经选择的日期 并设置最大、最小日期

// 1.日期Picker UIDatePicker *datePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 0, __...
  • timtian008
  • timtian008
  • 2017年03月09日 16:09
  • 3383

iOS-UIDatePicker的简单使用和时间范围限制

1.简介 UIDatePicker 是一个控制器类,封装了 UIPickerView,但它是UIControl的子类,专门用于接受日期、时间和持续时长的输入。日期选取器的各列会按照指定的风格进行自...
  • li_shuang_ls
  • li_shuang_ls
  • 2016年08月30日 13:40
  • 10705

UIDatePicker 日期/时间选取器(滚轮)—IOS开发

声明 欢迎转载,但是请尊重作者劳动成果,转载请保留此框内声明,谢谢。 文章出处:http://blog.csdn.net/iukey UIDatePi...
  • iukey
  • iukey
  • 2012年03月07日 00:58
  • 90627

appcan 时间调取

var index = '';     $(".date").click(function(){         var mydate = new Date();         var yea...
  • xiaoshu611
  • xiaoshu611
  • 2015年12月29日 11:20
  • 650

IOS 日期选择器 UIDatePicker的使用

在这 我会给大家分享一个自己写的小程序,详细介绍它的使用...   如图:    最上面的 其实是一行cell       左边 起始时间 为标题label  ,右边的22:37 为副标题 lab...
  • qq_32510691
  • qq_32510691
  • 2016年03月06日 01:30
  • 2444

bootstrap-datepicker限定可选时间范围

一、应用场景 实际应用中可能会根据日期字段查询某个日期范围内的数据,则需要对日期选择器可选时间进行限制, 如:开始时间不能大于结束时间,结束时间不能小于开始时间,此时就要为开始日期选择器和结束日期选...
  • biedazhangshu
  • biedazhangshu
  • 2016年02月23日 23:38
  • 40637

HTML5+规范:nativeUI(管理系统原生界面)

nativeUI管理系统原生界面,可用于弹出系统原生提示对话框窗口、时间日期选择对话框、等待对话框等。 1、方法 1.1、actionSheet: 弹出系统选择按钮框      void plu...
  • qq_27626333
  • qq_27626333
  • 2016年07月04日 19:43
  • 13285

【IOS 开发】基本 UI 控件详解 (UIDatePicker | UIPickerView | UIStepper | UIWebView | UIToolBar )

.一. 日期选择器 (UIDatePicker)1. UIDatePicker 控件属性(1) Style 属性 ....一. 日期选择器 (UIDatePicker)1. UIDatePicker ...
  • han1202012
  • han1202012
  • 2015年12月29日 21:23
  • 4717

UIPickView与UIDatePicker的使用

介绍UIPickView和UIDatePicker1.UIPickView什么时候用? 通常在注册模块,当用户需要选择一些东西的时候,比如说城市,往往弹出一个PickerView给他们选择。 老虎机效...
  • xxxxLee
  • xxxxLee
  • 2016年01月25日 12:03
  • 1599

利用Runtime修改UIdatePicker的字体颜色

通过修改UIdatePicker的字体颜色来认清Runtime的真相 用过苹果原生UIdatePicker的Ios开发者都知道,UIdatePicker这个时间选择器的字体颜色默认的是黑色,并且官方A...
  • u013263917
  • u013263917
  • 2015年09月01日 15:47
  • 2196
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:使用UIDatePicker来选取日期和时间
举报原因:
原因补充:

(最多只允许输入30个字)