iOS 7 - How to display a date picker in place in a table view?

uitableview swift ios7 uidatepicker datecell
X.Y. picture X.Y. · Sep 24, 2013 · Viewed 85.4k times · Source

In WWDC 2013 video, Apple suggests displaying picker in place in a table view in iOS 7. How to insert and animate a view between table view cells?

Like this, from the Apple calendar app:

In-place date picker

Answer

Nitin Gohel picture Nitin Gohel · Sep 24, 2013

With iOS7, Apple released the sample code DateCell.

enter image description here

Demonstrates formatted display of date objects in table cells and use of UIDatePicker to edit those values. As a delegate to this table, the sample uses the method "didSelectRowAtIndexPath" to open the UIDatePicker control.

For iOS 6.x and earlier, UIViewAnimation is used for sliding the UIDatePicker up on-screen and down off-screen. For iOS 7.x, the UIDatePicker is added in-line to the table view.

The action method of the UIDatePicker will directly set the NSDate property of the custom table cell. In addition, this sample shows how to use NSDateFormatter class to achieve the custom cell's date-formatted appearance.

enter image description here

You can download the sample code here: DateCell.

Related questions

Customize UITableView header section

I want to customize UITableView header for each section. So far, I've implemented -(UIView *)tableView:(UITableView *)tableView viewForHeaderInSection:(NSInteger)section this UITabelViewDelegate method. What I want to do is to get current header for each section and just add …

Read More
iOS 8 UITableView separator inset 0 not working

I have an app where the UITableView's separator inset is set to custom values - Right 0, Left 0. This works perfectly in iOS 7.x, however in iOS 8.0 I see that the separator inset is set to the default of 15 on the …

Read More
Custom UITableViewCell from nib in Swift

I'm trying to create a custom table view cell from a nib. I'm referring to this article here. I'm facing two issues. I created a .xib file with a UITableViewCell object dragged on to it. I created a subclass of …

Read More