Custom Date Picker

Question

What would be the best way to create a UIPicker with only two wheels: a date and a time, like so:

Fri 5 June  |   15:30
Sat 6 June  |   15:35  < Selected
Sun 7 June  |   15:40

The dates would go back and forward 7 days, and the time would also include a 'Now'.

score 2 · Answer 1 · answered Sep 26 '12 at 09:58

first of make a UIPickerview and the delegate of Pickerview will be like this -

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView
 {
return 2;
 }




- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:   
  (NSInteger)component
   {
     if (component == 0)
     {
       return [arr_Date count];
      }
    else
    {
    return [arr_Time count];
     }
  }





  - (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row    
     forComponent:(NSInteger)component
      {
       if (component == 0)
         {
          return [arr_date objectAtIndex:row];
         }

     else
       {
       return [arr_Time objectAtIndex:row];
      }
    }

And for date include 7 dates in your arr_date.

iMeMyself · Answer 2 · 2012-09-26T10:29:06.503

1

you can do so by using UIPickerViewDelegate Method like :

- (void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component

also go through this tutorial which explains ow to implement a multicomponent UIPicker .. hope its helpful

edited Sep 26 '12 at 10:29

answered Sep 26 '12 at 09:58

iMeMyself

1,649
13
28

score 0 · Answer 3 · edited May 23 '17 at 12:27

The API does not provide a way to do this. You can make a pretty convincing replica yourself using a UIPickerView rather than using UIDatePicker.

As the UIDatePicker or UIPickerView don't have the UI_APPEARANCE_SELECTOR and even you can't change UIDatePicker contents' appearance as its UIControl and not having any delegate so it has its native appearance whereas in case of UIPickerView you can change its contents' appearance similar as in UITableView.

Check out this link having same scenario like you have Custom iOS UIDatepicker using UIAppearance

Custom Date Picker

3 Answers3