Thư viện thuật ngữ / UI/UX

Datepicker là gì?

Còn gọi: bộ chọn ngày

Datepicker là thành phần giao diện cho phép người dùng chọn ngày, hoặc một khoảng ngày, trên lịch hiện ra khi bấm vào ô nhập thay vì gõ tay.

Datepicker (bộ chọn ngày)

Hiểu kỹ hơn

Datepicker giúp tránh sai định dạng ngày và cho người dùng thấy ngữ cảnh như thứ trong tuần hoặc ngày đã hết chỗ. Nó phù hợp nhất với ngày gần hiện tại như ngày đặt phòng, ngày giao hàng, lịch hẹn. Khi thiết kế cần làm rõ ngày hôm nay, ngày đang chọn, ngày không chọn được (mờ đi) và với khoảng ngày thì tô màu cả dải giữa ngày đi và ngày về. Trên di động, nên tận dụng bộ chọn ngày gốc của iOS và Android vì người dùng đã quen. Ví dụ: ứng dụng đặt vé máy bay hiện lịch hai tháng liền nhau để chọn ngày đi và ngày về. Lỗi thường gặp là bắt người dùng bấm lùi từng tháng trên lịch để chọn ngày sinh cách đây hàng chục năm; với ngày sinh, ba ô nhập ngày, tháng, năm hoặc ô gõ có gợi ý định dạng nhanh hơn nhiều.