iPhone datepicker instead of keyboard?

Question

How would you do that?

I have a form with a UITextField. When I click in it I would like to display a UIDatePicker instead of the default Keyboard that pops-up by default? Note that there are also other elements on my form.

do you have the code for this? I am facing the same issue as well — aherlambang, Apr 05 '11 at 18:10

score 86 · Accepted Answer · answered Apr 08 '11 at 06:35

86

I think this is a more official way to do this:

UIDatePicker *datePicker = [[[UIDatePicker alloc] init] autorelease];
datePicker.datePickerMode = UIDatePickerModeDate;
[datePicker addTarget:self action:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];
datePicker.tag = indexPath.row;
textField.inputView = datePicker;

answered Apr 08 '11 at 06:35

Johan Kool

15,081
8
59
79

This is not working for me in iOS 5. The text field still presents the normal keyboard when clicked. After setting textField.inputView with a valid pointer and then examining it immediately afterward, it's back to nil. Anybody have an idea why? I'm setting it in viewDidLoad. – Oscar Oct 07 '11 at 01:12
2

check and see if your "datePicker" ivar is not nil – NSExplorer Dec 02 '11 at 22:01
3

this is working perfectly fine, but how to hide the date picker after the date has been selected – Noor Dec 12 '13 at 03:27
@Noor you would just resign the textfield as first responder. eg. [textField resignFirstResponder]; – ocross May 05 '14 at 21:33
How would you know that the user has selected the date he wants..? Because there is no OK/DONE button. – shashwat Jun 16 '14 at 11:09
1

@shashwat You could add a toolbar with a done button as a inputAccessoryView. Or simply consider the selecting of another field as indication that the user wants to use the selected date. – Johan Kool Jun 16 '14 at 15:27

score 9 · Answer 2 · edited May 02 '14 at 22:08

in .h

UIDatePicker *datePicker;
NSDate *date;
UIToolbar *keyboardToolbar;

in ViewDidLoad:

if (keyboardToolbar == nil) {
    keyboardToolbar = [[UIToolbar alloc] initWithFrame:CGRectMake(0, 0, self.view.bounds.size.width, 44)];
    [keyboardToolbar setBarStyle:UIBarStyleBlackTranslucent];

    UIBarButtonItem *extraSpace = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];

    UIBarButtonItem *accept = [[UIBarButtonItem alloc] initWithTitle:@"Accept" style:UIBarButtonItemStyleDone target:self action:@selector(closeKeyboard:)];

    [keyboardToolbar setItems:[[NSArray alloc] initWithObjects: extraSpace, accept, nil]];
}

self.txtDate.inputAccessoryView = keyboardToolbar;

datePicker = [[UIDatePicker alloc] init];
datePicker.datePickerMode = UIDatePickerModeDate;
[datePicker addTarget:self action:@selector(datePickerValueChanged:) forControlEvents:UIControlEventValueChanged];

self.txtDate.inputView = datePicker;


- (void)datePickerValueChanged:(id)sender{

date = datePicker.date;

NSDateFormatter *df = [[NSDateFormatter alloc] init];
[df setDateFormat:@"dd/MM/YYYY"];


[self.txtDate setText:[df stringFromDate:date]];
}

in storyboard add to txtDate -> EditingDidEnd

- (IBAction)establishHour:(id)sender{

hour = hourPicker.date;

NSDateFormatter *hf = [[NSDateFormatter alloc] init];
[hf setDateFormat:@"HH:MM"];

[self.txtHour setText:[hf stringFromDate:hour]];

}

Sets the keyboard as DatePicker and created a toolbar with a button to accept the selection.

To improve the quality of your post, please include how/why this code will solve the problem. — Mick MacCallum, Oct 04 '12 at 10:05
- (void)cerrarTeclado:(id)sender{ [self.txtFecha resignFirstResponder]; } — Luca Rocchi, Jan 09 '13 at 20:50

score 5 · Answer 3 · answered Oct 29 '15 at 18:48

I've converted Johan Kool's answer into swift if anyone would like it. I placed the code in viewDidLoad.

let datePicker = UIDatePicker()
datePicker.datePickerMode = UIDatePickerMode.Date
datePicker.addTarget(self, action: "datePickerValueChanged:", forControlEvents: UIControlEvents.ValueChanged)
textField.inputView = datePicker

score 0 · Answer 4 · edited Nov 29 '13 at 11:10

0

(IBAction)estableceHora:(id)sender{
   Hora = horaPicker.date;
   NSDateFormatter *hf = [[NSDateFormatter alloc] init];
   [hf setDateFormat:@"HH:MM"];
   [self.txtHora setText:[hf stringFromDate:Hora]];
}

edited Nov 29 '13 at 11:10

Sankumarsingh

9,178
9
47
71

answered Nov 29 '13 at 10:40

sumit sanadhya

1

score -2 · Answer 5 · edited Jul 04 '14 at 06:46

Added in .h files :

UIViewController <UIPickerViewDelegate, UIPickerViewDataSource>

Added in .m files :

{

NSDateFormatter *df = [[NSDateFormatter alloc] init];

df.dateStyle = NSDateFormatterMediumStyle;

pTxtDate.text = [NSString stringWithFormat:@"%@",

[df stringFromDate:[NSDate date]]];

NSLog(@"pTxtDate.text %@",pTxtDate.text);

[df release];

[self.view addSubview:pTxtDate]; 

[pTxtDate release];

DatePicker = [[UIDatePicker alloc] initWithFrame:CGRectMake(0, 250, 325, 300)];

DatePicker.datePickerMode = UIDatePickerModeDate;

DatePicker.hidden = NO;

DatePicker.date = [NSDate date];

[DatePicker addTarget:self

  action:@selector(LabelChange:)

forControlEvents:UIControlEventValueChanged];

[self.view addSubview:DatePicker];

    [DatePicker release];

}



- (void)LabelChange:(id)sender {

NSDateFormatter *df = [[NSDateFormatter alloc] init];

df.dateStyle = NSDateFormatterMediumStyle;

pTxtDate.text = [NSString stringWithFormat:@"%@",

[df stringFromDate:DatePicker.date]];

}

Please use the built-in UIDatePicker instead of trying to roll your own - it will save you a *lot* of time and pain. — DesignatedNerd, Sep 12 '18 at 10:00

iPhone datepicker instead of keyboard?

5 Answers5

Linked