Tạo đầu vào thời gian tối thiểu Chọn với Flatpickr
Một trong những lĩnh vực khó nhất để tạo ra là chọn ngày / giờ. Các nhà phát triển thường sử dụng các menu chọn đơn giản cho tháng / ngày / năm hoặc dựa vào các plugin khác nhau để thực hiện công việc.
Chọn các lĩnh vực hoạt động tốt nhưng chúng hơi lộn xộn. Thay vào đó, bạn có thể jazz lên hình thức của bạn với Plugin Flatpickr. nó là một công cụ chọn lịch JavaScript mã nguồn mở miễn phí với các phụ thuộc bằng không.
Đó là được thiết kế với chủ nghĩa tối giản, vì vậy nó có thể phù hợp với mọi bố cục trang web, mọi hình thức web và có thể sử dụng được từ bất kỳ thiết bị hiện đại nào.
Một điều hay về plugin này là nhiều tùy chọn tùy chỉnh. Bạn có thể sắp xếp lại cách ngày xuất hiện trong trường văn bản và nơi lịch bắt đầu (mặc định là “hôm nay”).
Nhưng, bạn cũng có thể sử dụng nó như một công cụ chọn ngày nếu bạn không có nhu cầu lựa chọn thời gian Đây chỉ là một tính năng tùy chọn cho phép bạn truyền nhiều dữ liệu hơn thông qua biểu mẫu với một bộ chọn này.
Hãy nhìn vào Trang ví dụ để xem Flatpickr hoạt động.
Bạn cũng có thể đặt tùy chọn nhắm mục tiêu để hạn chế hành vi của người chọn ngày, chẳng hạn như:
- Không cho phép ngày / phạm vi nhất định
- Chỉ cho phép một số ngày / phạm vi nhất định
- Cho phép nhiều lựa chọn ngày
- “Chế độ phạm vi” để chọn ngày bắt đầu và ngày kết thúc
- Chỉ là một công cụ chọn ngày, hoặc chỉ thời gian, hoặc cả ngày & thời gian cùng nhau
Các tùy chọn thực tế là vô tận và tất cả đều hoạt động thông qua plugin JavaScript vanilla này.
Người dùng di động thường thích công cụ chọn ngày gốc nhưng bạn có thể ghi đè lên điều này bằng một thiết lập di động trong JavaScript. Bằng cách này, bạn sẽ có cùng một giao diện hoạt động trên tất cả các thiết bị.
Và, bạn thậm chí có thể thêm hỗ trợ IE9 với polyfill làm cho nó trở thành một trong những plugin chọn ngày được hỗ trợ tốt nhất hiện có.
Cài đặt đơn giản với các lệnh cho npm, Bower và Sợi. Hoặc, bạn có thể tải xuống các tệp nguồn trực tiếp từ GitHub nếu bạn thích tuyến đường đó.
Mọi thứ bạn cần biết đều có thể tìm thấy trên trang thiết lập hiển thị cho bạn Làm thế nào để thêm các tập tin vào tiêu đề của bạn & làm thế nào để gọi bộ chọn ngày này trên bất kỳ lĩnh vực nào. Dễ dàng là một trong những plugin chọn ngày tốt nhất được thiết kế đủ đơn giản để phù hợp với mọi thiết kế.
