IOS之UIDatePicker實現時間日期選擇

小Q莫黎發表於2020-10-27

IOS之UIDatePicker實現日期選擇
首先,UIdatePicker的作用就是方便使用者進行日期時間的選擇,並保證日期格式的正確,通常以UITextField的inputView的形式出現,佔據原來鍵盤的位置.

實現過程
1、在介面中拖入一個UItextField控制元件,設定約束
2、託線將textField引用到控制器中
3、定義一個強引用的datePicker和一個強引用的toolBar
在這裡插入圖片描述

4、懶載入控制元件
在這裡插入圖片描述

在這裡懶載入一個toolBar是為了佔據自定義鍵盤時候的輔助橫條,
toorBar裡面只能放入UIBarButtonItem控制元件,並且對frame的設定無效,所以這裡新增三個buttonItem進去,將第二個item的style設定為flexibleSpace,就可以將左右兩個按鈕頂到最左邊和最右邊.
在這裡插入圖片描述

懶載入的時候一定要設定datePicker的顯示模式和locale
5、最後在viewDidLoad裡面將datePicker和toolBar設定給_textField
_textField.inputView = _datePicker;
_textField.inputAccessoryView = _inputToorbar;
6、註冊取消按鈕和確認按鈕的點選事件
在這裡插入圖片描述

7、效果如下
在這裡插入圖片描述

相關文章