第1步:建立一個名為"UIDatePicker"的"Single View Application"專案
第2步:加入一個UILabel,並設立名為label的IBOutlet,以便接下來顯示UIDatePicker所選取的日期。
第2步:拖拉UIDatePicker至畫面中
第3步:連結UIDatePicker的"Value Changed"事件,當使用者對UIDatePicker作日期選取變更的動作時即會產生此事件
- 3.1 對UIDatePicker按鈕按右鍵打開選單,找到代表按鈕被按下的"Value Changed"事件,並拖拉右方圓點至ViewController類別的定義中(.h)。。
- 3.2 於"Name"欄位中輸入"datePickerValueChange",並按下"Connect"。
- 3.3 此時會產生一個名為"datePickerValueChange"方法,其已與Interface Builder連結。
第4步:打開"ViewController.m"檔案,並找到datePickerValueChange:方法,透過"date"屬性可以了解目前的UIDatePicker選取的日期,透過NSDateFormatter物件的轉換,以文字方式顯示在UILabel上。
- (IBAction)datePickerValueChange:(id)sender
{
UIDatePicker *picker = (UIDatePicker*) sender;
//建立格式化日期的物件NSDateFormatter
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
//設定文字的格式為yyyy-MM-dd HH:mm:ss
[dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"];
//透過UIDatePicker的date屬性取得使用者選取的日期, //並透過NSDateFormatter轉換成字串
NSString *date = [dateFormatter stringFromDate:picker.date];
//設定標籤的文字為選取日期的文字
[self.label setText:date];
}
{
UIDatePicker *picker = (UIDatePicker*) sender;
//建立格式化日期的物件NSDateFormatter
NSDateFormatter *dateFormatter = [[NSDateFormatter alloc] init];
//設定文字的格式為yyyy-MM-dd HH:mm:ss
[dateFormatter setDateFormat:@"yyyy-MM-dd HH:mm:ss"];
//透過UIDatePicker的date屬性取得使用者選取的日期, //並透過NSDateFormatter轉換成字串
NSString *date = [dateFormatter stringFromDate:picker.date];
//設定標籤的文字為選取日期的文字
[self.label setText:date];
}
第5步:執行後點選UIDatePicker進行日期的選取。
檔案連結:UIDatePicker.zip