Kể từ phiên bản 5. 1. 7, cách tạo DatePickers và TimePickers đã thay đổi một chút, do đó có một cách tiêu chuẩn và kín đáo để tạo một trong các phần tử đầu vào html này
Ưu điểm của điều này là giờ đây bạn có thể sử dụng lại công cụ chọn ngày trên toàn trang web bằng cách sử dụng một đoạn mã có thể sử dụng lại
Điều này đặc biệt liên quan đến những người bạn đã sửa đổi tệp mẫu của mình, vì giờ đây chúng tôi dựa vào các lớp thay vì ID để xác định phần tử nào cần chuyển đổi. Mặc dù chúng tôi đã thêm một số phương thức dự phòng để tự động thêm các lớp này vào các phần tử có ID ban đầu, nhưng bạn nên thay đổi mẫu của mình vì đây là công việc rất nhanh và chỉ cần thêm một số lớp vào một vài phần tử
Đây là danh sách các tệp áp dụng
- /mẫu/biểu mẫu/sự kiện/đặt trước. php
- /mẫu/biểu mẫu/sự kiện/định kỳ-khi. php
- / mẫu/biểu mẫu/sự kiện/khi có định kỳ. php
- /mẫu/biểu mẫu/sự kiện/khi. php
- /templates/forms/ticket-form. php
- /templates/forms/tickets-form. php
- /templates/placeholders/bookingform. php
- /mẫu/mẫu/sự kiện-tìm kiếm. php
Ví dụ về DatePicker
DatePickers có một sắc thái thú vị đáng ghi nhớ và đây là tính năng AltField, cho phép hiển thị ngày ở định dạng bản địa hóa trong khi giá trị thực được lưu trữ trong trường ẩn. Vì lý do này, bạn kết thúc với hai trường nhập liệu cho mỗi công cụ hẹn hò
Trong mọi trường hợp, phần tử đầu vào của bộ chọn ngày tháng phải chứa lớp em-date-input-loc
và phần tử đầu vào ẩn phải có lớp
0Bộ chọn ngày Phạm vi ngày
Phạm vi ngày phải được bao bọc trong một phần tử của lớp
1. Các yếu tố đầu vào bắt đầu và kết thúc [i. e. những cái có lớp em-date-input-loc
] phải có lớp
3 và
4 tương ứng để chúng tương tác với nhauFrom to
Từ
đến
DatePicker Ngày đơn
Phạm vi ngày phải được bao bọc trong một phần tử của lớp
0. Lưu ý rằng trong tất cả các trường hợp này, bất kỳ phần tử hợp lệ nào cũng được, nó không nhất thiết phải là div
Chọn một ngày
Ví dụ về TimePicker
Cách thiết lập đồng hồ bấm giờ giống như đối với ngày tháng. Sự khác biệt chính là các trường bản địa hóa ẩn không bắt buộc, vì vậy bạn sẽ có một phần tử đầu vào mỗi lần, phần tử này phải chứa lớp
1Bộ chọn thời gian Phạm vi thời gian
Bọc các trường đầu vào của bạn bằng một phần tử của lớp
1. Bạn cũng cần thêm các lớp
3 và
4 vào phần tử đầu vào thời gian bắt đầu và kết thúc tương ứngBạn cũng sẽ nhận thấy yếu tố Cả ngày. Đây là tùy chọn, nhưng nếu bạn bao gồm nó và đảm bảo tên lớp
5 xuất hiện khi được nhấp vào thì thời gian bắt đầu/kết thúc sẽ chuyển sang màu xámStarting from to All Day
Bắt đầu từ
đến
Cả ngày
Bộ chọn thời gian một lần
Nếu bạn bọc trường đầu vào của mình bằng bất kỳ phần tử nào chứa
0, thì phần tử đó sẽ được chuyển thành đồng hồ bấm giờ