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

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.

Leave a Comment