Trong hướng dẫn về công cụ chọn ngày tháng để quản lý ngày tháng trong các dự án dựa trên Bootstrap, tôi đã chỉ ra cách bạn có thể sử dụng trình cắm bootstrap-datepicker với các trường văn bản. Tôi cũng trình bày các bản trình diễn để tùy chỉnh giao diện bằng cách sử dụng CSS tùy chỉnh cho lịch bằng cách ghi đè các lớp mặc định
Tuy nhiên plug-in đó chỉ dùng để quản lý theo ngày tháng. Trong một số trường hợp nhất định, bạn có thể cần cho phép khách truy cập không chỉ chọn ngày mà cả thời gian. May mắn thay, nhiều nhà phát triển tuyệt vời đang làm việc trên nó để thêm các tính năng hữu ích cho khung Bootstrap
Trong hướng dẫn này, tôi sẽ chỉ cho bạn các ví dụ về thiết lập bộ chọn ngày giờ bằng cách sử dụng trình cắm Bootstrap 3 Datepicker. Sau đó, bạn cũng có thể xem các bước thiết lập plug-in đơn giản để sử dụng cho các dự án của mình. Vì vậy, hãy để tôi bắt đầu với các ví dụ đầu tiên
Bản trình diễn đơn giản hiển thị ngày và giờ trong hộp văn bản
Trong ví dụ này, ngày và giờ có thể được chọn khi bạn nhấp vào biểu tượng phía trước hộp văn bản. Theo mặc định, lịch xuất hiện đầu tiên để chọn ngày. Ở phía dưới, bạn có thể thấy đồng hồ để chọn thời gian
Đánh dấu sau đây được sử dụng để tạo hộp văn bản có biểu tượng
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19