Các trường nhập thời gian tùy chỉnh với Timedropper jQuery
Một số mẫu web yêu cầu đầu vào dựa trên ngày và các plugin chọn ngày có thể giúp với điều đó. Nhưng, những gì về đầu vào thời gian?
Với plugin jQuery miễn phí Timedropper, bạn có thể thêm bộ chọn thời gian tùy chỉnh để đặt cuộc hẹn, lên lịch các cuộc gọi điện thoại hoặc hầu hết mọi thứ bạn cần.
Nó cực kỳ đơn giản và bạn chỉ cần thư viện jQuery để bắt đầu. Sau khi bạn đã cài đặt thư viện đó, bạn có thể thêm các tệp JS / CSS Timedropper và để nó chạy. Đó là nó!
Mỗi trường đầu vào phải được nhắm mục tiêu bởi một bộ chọn jQuery sau đó thêm trường đầu vào Timedropper. Điều này không có lựa chọn bạn có thể thêm các tính năng bổ sung (tùy chọn):
- Chuyển đổi tự động - tự động thay đổi giờ / phút khi di chuyển lên
- Kinh tuyến - đặt đồng hồ 12 giờ thay vì 24 giờ
- định dạng - đặt cách giờ và phút xuất hiện (kiểu mặc định là 1:22 chiều)
- Con lăn chuột - cho phép thay đổi thời gian dựa trên cuộn bánh xe
- Ban đầu - bật các hiệu ứng hoạt hình mờ dần
- setCienTime - tự động thêm thời gian hiện tại vào giá trị trường
Nếu bạn thậm chí còn táo bạo hơn bạn có thể thay đổi phong cách sử dụng một vài chủ đề được đóng gói sẵn hoặc thậm chí tự xây dựng từ đầu.
Trong một biển các plugin jQuery, Timedropper là đầu gối của con ong. Nó thực sự cung cấp một giao diện độc đáo cho bất kỳ ứng dụng nào để chọn thời gian bất kể thiết bị.
Đương nhiên, nó là đáp ứng di động, vì vậy nó cũng hoạt động trên điện thoại thông minh và máy tính bảng. Tuy nhiên, tôi không thích thiếu hỗ trợ num pad. Đó dường như là cách rõ ràng để nhập thời gian, vì vậy nếu không có tính năng đó, nó có thể cảm thấy hạn chế.
Tuy nhiên, cho một giao diện độc đáo và một thiết lập đơn giản, Tôi khuyên bạn nên Timedropper cho bất cứ ai sẵn sàng cho nó một shot.
Bạn có thể tìm tất cả các mã nguồn miễn phí trên GitHub và bạn sẽ tìm thấy một bản demo cực kỳ đơn giản trong cây bút này, được nhúng bên dưới.
Nếu bạn có bất kỳ suy nghĩ hoặc đề xuất nào khác, hãy chia sẻ với nhà phát triển trên Twitter @felice_gattuso.