Video: Học lập trình Web A-Z - jQuery UI - Bài 09 - Progressbar, Datepicker và Tooltip 2025
Có những tình huống mà HTML5 hiện cung cấp một giải pháp cho một nhu cầu đặc biệt trong CSS3 nhưng ít nhà cung cấp đã triển khai nó. Đây là trường hợp với hỗ trợ ngày tháng và thời gian cho HTML. Chỉ có Opera và Chrome cung cấp hỗ trợ cho các tính năng ngày giờ. Ví dụ: nếu bạn muốn thêm một ngày vào biểu mẫu, bạn có thể sử dụng kiểu nhập ngày như được hiển thị ở đây:
Nhập ngày:
Ngày mặc định là ngày hôm nay. Khi người dùng nhấp vào trường, ứng dụng sẽ hiển thị kiểm soát trình chọn ngày, nhưng chỉ khi bạn sử dụng Opera hoặc Chrome. Cho đến khi các nhà cung cấp khác cung cấp hỗ trợ ngày tháng và thời gian, vẫn cần sử dụng tiện ích jQuery UI Datepicker để đảm bảo rằng tất cả người dùng của bạn có thể nhập ngày một cách dễ dàng.
Đoạn mã dưới đây chỉ ra cách sử dụng widget Datepicker. (Bạn có thể tìm thấy mã hoàn chỉnh cho ví dụ này trong thư mục Chương 06Widgets của mã có thể tải là Datepicker HTML.)
$ (function () {$ ("# DateEntry").
datepicker () DateEntry là một kiểm soát tiêu chuẩn. Khi người dùng nhấp vào kiểm soát, jQuery UI sẽ tự động hiển thị lịch như sau:
