Bài 20: UIDatePicker

UIDatePicker

Là UIControl iOS cung cấp để người dùng có thể chọn thời gian, tuỳ theo mục đích mà sẽ có những format thời gian khác nhau. Cũng như các UI khác chúng ta đi vào các bước như sau:

1. Khởi tạo UIDatePicker

Tạo project vào Library kéo thả UIDatePicker và một UILabel vào Main.storyboard:

UIDatePicker
Hình 1.1 UIDatePicker

Các bạn chú ý các thuộc tính của UIDatePicker:

  • Mode: Các mode hiển thị của UIDatePicker có 4 loại (Time, Date and Time, Count Down Timer).
  • Locale: ngày giờ của quốc gia hiển thị.
  • Date: ngày mà UIDatePicker đang chọn (nếu chọn Current Date thì sẽ lấy ngày hiện tại).
  • Minimum Date: ngày lớn nhất được hiển thị.
  • Maximum Date: ngày nhỏ nhất được hiển thị.

2. Ánh xạ Action và format ngày hiển thị

Các bạn ánh xạ Outlet cho UIDatePicker và UILabel, sau đó ánh xạ Action cho UIDatePicker để bắt sự kiện Value Change để hiển thị ngày lên UILabel.

Action cho UIDatePicker
Hình 2.1 Action cho UIDatePicker

Các bạn tham khảo đoạn code sau đây để format ngày tháng hiển thị trên UILabel cũng như tạo ngày từ String để set cho UIDatePicker:

Chạy project các bạn sẽ thấy UIDatePicker trên màn hình, khi tương tác chọn ngày UILabel sẽ hiển thị ngày đang chọn và console sẽ in ngày đang chọn ra:

Kết quả tạo UIDatePicker
Hình 2.2 Kết quả tạo UIDatePicker

Cảm ơn bạn đã theo dõi bài viết, nếu có thắc mắc gì vui lòng để lại bình luận bên dưới.

Bạn có thể tham khảo khoá học lập trình iOS tại laptrinh0kho.com. Các khoá học từ cơ bản đến nâng cao, được thực tập doanh nghiệp. Bạn sẽ được cung cấp kiến thức có hệ thống với đội ngũ giảng viên giàu kinh thực tế và am hiểu sư phạm. Hãy liên hệ ngay để được tư vấn miễn phí theo thông tin bên dưới:

LAPTRINH0KHO.COM

  • 138/36 Nguyễn Xí, P. 26, Q. Bình Thạnh, TP.HCM
  • Hotline: 0987.360.431 (Kết bạn Zalo để tư vấn)
  • Email: laptrinh0kho@gmail.com
  • Website: www.laptrinh0kho.com
  • FanPage : laptrinh0kho.com

Leave a Reply

Your email address will not be published. Required fields are marked *