DatePicker được sử dụng khá phổ biến trong nhiều ứng dụng iOS. Hôm nay mình sẽ hướng dẫn các bạn cách khởi tạo một DatePicker trong lập trình iOS.

Bước 1:

1.1 Khởi tạo một Project mới, vào Main.Storyboard, chúng ta cần 01 TextField

1.2 Ánh xạ TextField vào Class quản trị

1.3 Trở về Class quản trị, ta khai báo một biến

    let picker = UIDatePicker()

Bước 2:

2.1 Khởi tạo DatePicker

Chúng ta tạo function

//Create Date Picker
    func createDatePicker() {
        //format datepicker
        picker.datePickerMode = .date

        //toolbar
        let toolbar = UIToolbar()
        toolbar.sizeToFit()

        //bar button item
        let doneButton = UIBarButtonItem(barButtonSystemItem: .done, target: nil, action: #selector(donePressed))
        toolbar.setItems([doneButton], animated: false)

        datePic.inputAccessoryView = toolbar

        //assigning date picker to text field
        datePic.inputView = picker

    }

    func donePressed() {
        //format date
        let inputFormatter = DateFormatter()
        inputFormatter.dateFormat = "dd-MM-yyyy"

        datePic.text = inputFormatter.string(from: picker.date)
        self.view.endEditing(true)
    }

Chúng ta có nhiều tuỳ biến cho DatePicker, như chọn định dạng thời gian (vd: dd-MM-yyyy hoặc ngược lại, tuỳ biến những item,...)

2.2 Gọi function vào trong viewDidoad()

  override func viewDidLoad() {
        super.viewDidLoad()

        createDatePicker()

    }

Bước 3:

Run app và trải nghiệm

Chúc các bạn thành công!!

Phương Duy

results matching ""

    No results matching ""