IOS日期选择器像弹出键盘功能?

时间:2013-07-27 18:29:48

标签: ios forms date datepicker

考虑一个包含8个文本字段条目和4个日期字段条目的数据输入表单(可滚动视图),是否可以在底部正常显示日期选择器(以及键盘弹出的方式),具体取决于用户点击哪个文本字段?

我想您可以使用代码以模态方式呈现日期选择器,但它似乎提供了一个日期选择器,就像调用键盘一样,呈现的内容将是SDK内置的,或者我错过了什么? (在nib编辑器中设置一个属性,告诉视图该文本字段接受日期,并为各种键盘提供日期选择器选项)

我很清楚为什么当声明的日期字段获得焦点时,开发人员没有一种简单的方法来“弹出”日历或日期选择器。

您认识的任何示例应用或教程都可以指向我?

1 个答案:

答案 0 :(得分:8)

我刚刚研究了同样的问题,虽然网络上充满了第三方库和棘手的黑客,但实际上有一种非常简单,可能是首选的方式来实现你所追求的目标。

首先,它利用了UITextField inputViewinput accessoryView属性提供的功能,这些功能共同提供了无限的自定义功能。我的问题变得知道如何构建事物以获得我想要的东西。我建议在这里阅读它们:

https://developer.apple.com/library/ios/documentation/StringsTextFonts/Conceptual/TextAndWebiPhoneOS/InputViews/InputViews.html

因此,我开始声明两个属性:

@property (nonatomic, strong) UIDatePicker *datePicker;
@property (nonatomic, strong) UIView *datePickerToolbar;

然后使用以下内容创建每个:

- (UIView*)datePickerToolbar {

    if (!_datePickerToolbar) {

        UIToolbar *toolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, 320, 44)];
        toolbar.barStyle = UIBarStyleBlack;

        UIBarButtonItem *cancelButton = [[UIBarButtonItem alloc] initWithTitle:@"Cancel" style:UIBarButtonItemStylePlain target:self action:@selector(datePickerCanceled:)];
        UIBarButtonItem *doneButton = [[UIBarButtonItem alloc] initWithTitle:@"Done" style:UIBarButtonItemStyleDone target:self action:@selector(datePickerDone:)];
        UIBarButtonItem *space = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];

        [toolbar setItems:[NSArray arrayWithObjects:cancelButton, space, doneButton, nil] animated:NO];

        _datePickerToolbar = toolbar;
    }
    return _datePickerToolbar;
}

- (UIDatePicker*)datePicker {

    if (!_datePicker) {

        UIDatePicker *datePicker = [[UIDatePicker alloc] init];
        datePicker.datePickerMode = UIDatePickerModeDate;

        datePicker.date = [NSDate date];

       _datePicker = datePicker;
    }
    return _datePicker;
}

当然,您可以自定义这些视图以满足您的需求。但是,由于这些视图是您自己的,因此您还需要确定工具栏中的每个按钮应如何处理交互。虽然两者都应该关闭“键盘”(通过辞职第一响应者来完成),但在我的情况下,我还希望完成按钮将日期输入字段设置为所选日期的格式化字符串:

- (void)datePickerCanceled:(id)sender {
    // just resign focus and dismiss date picker
    [self.dateOfBirthField resignFirstResponder];
}


- (void)datePickerDone:(id)sender {

    NSDate *selectedDate = self.datePicker.date;

    // format date into string
    NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
    [dateFormatter setDateStyle:NSDateFormatterMediumStyle];
    [dateFormatter setTimeStyle:NSDateFormatterNoStyle];

     // format overall string
    NSString *dateString = [dateFormatter stringFromDate:selectedDate];
    self.dateInputField.text = dateString;

    [self.dateOfBirthField resignFirstResponder];
}

之后,触发键盘替换的唯一要做的就是将我们的自定义视图分配给我之前提到的属性UITextField属性,我选择在'ViewDidLoad`中执行这些属性:

- (void)viewDidLoad {
    [super viewDidLoad];

    self.dateInputField.inputView = self.datePicker;
    self.dateInputField.inputAccessoryView = self.datePickerToolbar;
}

我希望这就是你要找的东西。在看到所有内容之后,我确信这是最简单,最易于管理的方式。我也喜欢这种方法,因为它可以很容易地修改和改变用途,以满足不同的输入要求。

我认为是一块隐藏的宝石。