IOS 日期选择器 UIDatePicker的使用
在这 我会给大家分享一个自己写的小程序,详细介绍它的使用...
如图: 最上面的 其实是一行cell 左边 起始时间 为标题label ,右边的22:37 为副标题 label
功能,当点击这行cell的时候,会从弹出如图的这个一个日期选择器,然后 选择时间,再把这个时间设置给副标题显示出来
该如何实现呢??????
下面就不给大家引申其他方法了,,直接呈上我的这个思路 及 代码:
思路:
就是在当前cell中添加一个文本框 (不设置他的frame 这样我们就看不到它了 )再让他变成第一响应者 (因为变成第一响应者之后 自然就会弹出键盘 ) 点击工具栏上的按钮时,再把键盘叫回去.然后把选择的时间设置给cell
/日期选择器
@property(nonatomic,strong)UIDatePicker *datePicker;
//工具栏
@property(nonatomic,strong)UIToolbar *toolBar;
//文本框
@property(nonatomic,strong)UITextField *textField;
但是默认弹出的键盘样式 不是日期选择器这种类型的.所以,我们可以通过两句代码,修改 文本框弹出的键盘类型 :
-(UITextField *)textField
{
if (_textField==nil) {
_textField=[[UITextField alloc]init];
//这行代码可以指定文本框弹出键盘的样式:
_textField.inputView = self.datePicker;
//这行代码可以为键盘指定一个工具栏
_textField.inputAccessoryView = self.toolBar;
}
return _textField;
}
---------------------------------------
-(UIToolbar *)toolBar
{
if (_toolBar==nil) {
_toolBar=[[UIToolbar alloc]init];
//工具栏的宽度是不用设置的,始终和屏幕一样宽,然后紧贴键盘上面,所以只用指定一下工具栏的高度即可.
_toolBar.h=44; //这里的.h是导入了UIView的扩展类..
_toolBar.barTintColor = [UIColor purpleColor];
// 创建工具栏中的三个按钮
//取消按钮
UIBarButtonItem *itemCancel=[[UIBarButtonItem alloc]initWithTitle:@"取消"style:UIBarButtonItemStylePlain target:self action:@selector(didClickCancelKeyboardButton) ];
// 弹簧 UIBarButtonSystemItemFlexibleSpace 可伸缩的空间
UIBarButtonItem *itemSpring = [[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
// done
UIBarButtonItem *itemDone = [[UIBarButtonItem alloc] initWithTitle:@"完成"style:UIBarButtonItemStyleDone target:self action:@selector(didClickDoneButton)];
_toolBar.items = @[itemCancel, itemSpring, itemDone];
}
return _toolBar;
}
-----------------------------------------------
-(UIDatePicker *)datePicker
{
if (_datePicker==nil) {
_datePicker=[[UIDatePicker alloc]init];
//指定显示的区域模式 传一个国家的代号
_datePicker.locale=[NSLocale localeWithLocaleIdentifier:@"zh-Hans"];
//指定一个显示的模式:我们只用到时间
_datePicker.datePickerMode=UIDatePickerModeTime;
// 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,
}
return _datePicker;
}
---------------------------------------------------------
/ 选中某个cell后会执行
- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath {
// 记录indexPath
self.idxPath = indexPath;
// 如果点击的是第0组, 那么什么都不做
if (indexPath.section == 0) return;
// 如果点击的不是第0组, 那么再弹出键盘
// 1. 创建文本框, 并且把文本框添加到当前的cell中, 同时让当前文本框变成第一响应者
FDUITbaleViewCell *cell = (FDUITableViewCell *)[self.tableView cellForRowAtIndexPath:indexPath]; //这里用的是自定义cell 如上图中所示的cell的样式,那么具体使用那种cell的样式,我们下面对有图示
[cell.contentView addSubview:self.textField];
[self.textField becomeFirstResponder];
}
----------------------------------------------------------------------------------------------
//点击了工具栏上的取消按钮,然后把键盘叫回去
-(void)didClickCancelKeyboardButton
{
//辞去第一响应者
[self.view endEditing:YES];
//移除单元格 避免了 每次点击单元格的时候 一个文本框 添加多次....
[self.textFiled removeFromSuperview];
}
--------------------------------
// 点击完成按钮
- (void)didClickDoneButton {
// 1. 把键盘叫回去
[self.view endEditing:YES];
// 2. 把用户选择的时间设置给detailTextLabel
// 2.1 获取用户选择的时间
NSDate *date = self.datePicker.date;
// 2.2 把用户选择的时间转换为字符串类型
NSDateFormatter *formatter = [[NSDateFormatter alloc] init];
formatter.dateFormat = @"HH:mm";
NSString *strTime = [formatter stringFromDate:date];
// 2.3 把时间设置给当前选中的cell的detaisTextLabel
// 2.3.1 获取当前选中的cell
FDUITbaleViewCelll *cell = [self.tableView cellForRowAtIndexPath:self.idxPath];
// cell.detailTextLabel.text = strTime;
[cell setTimeWithText:strTime]; //setTimeWithText:strTime中实现了对这句代码的封装
// 3. 把文本框从父容器中移除
[self.textFiled removeFromSuperview];
}