+1

Datepicker jQuery Plugins for web developer

Hầu hết mọi trang web hiện giờ đều có tích hợp hệ thống lựa chọn thời gian cho một công việc hoặc một giao dịch gì đó. Bài viết này sẽ cung cấp cho các bạn danh sách một số plugin jQuery miễn phí cung cấp chức năng lựa chọn thời gian cho website. Điểm tiện lợi của việc sử dụng các plugin jQuery mã nguồn mở là bạn có thể tùy chỉnh một cách tự do cho phù hợp với mục đích sử dụng của mình. Hãy cùng mình dành chút thời gian để xem qua những plugin dưới đây và xem liệu có một plugin nào thích hợp với phong cách làm việc hoặc trang web mà bạn đang phát triển nhé. Để làm được điều đó, trước hết chúng ta hãy dành một chút thời gian để tìm hiểu xem khi nào thì một plugin thì được gọi là plugin tốt.

What Makes a Great Plugin?

Đối với mỗi người, họ sẽ có những nhận định riêng, góc đánh giá thế nào là một plugin tốt khác nhau. Điều tương tự cũng xảy ra với các dự án, dự án khác nhau thì yêu cầu về plugin cũng khác nhau. Dưới đây là một vài lưu ý theo ý kiến cá nhân của mình khi bạn lựa chọn một plugin:

  • Tài liệu: Chìa khóa cho một plugin tuyệt vời là dễ sử dụng đối với cả người dùng cuối và người phát triển. Tài liệu cho một đoạn code cũng giống như bản thiết kế cho một ngôi nhà, nó sẽ giúp bạn xây dựng hoặc tái tạo lại bất cứ phần nào của ngôi nhà mà bạn đang sử dụng. Một bản thiết kế tốt sẽ giúp ích rất lớn trong việc xây dựng được một căn nhà tốt và bảo trì lâu dài.
  • Dễ dàng tùy biến: Hầu hết các nhà phát triển đều muốn tạo thêm chức năng hay một vài điều chỉnh và thay đổi dựa trên tình hình. Một plugin tuyệt vời nên đi kèm với các tùy chọn để có thể dễ dàng thêm hoặc loại bỏ các chức năng nhất định.
  • Tương thích rộng: Liệu có ai muốn ghé thăm một trang web có datepicker chỉ hoạt động trong các phiên bản Chrome và Firefox gần đây? Chắc chắn không phải là người sử dụng IE hoặc Opera. Kiểm tra kỹ khả năng tương thích với mỗi plugin để chắc chắn rằng nó sẽ tiếp cận tốt tới mọi đối tượng khách hàng của bạn. Sau khi tham khảo những lưu ý trên, chắc hẳn bạn đã mường tượng được ra plugin mà mình cần có hình hài như thế nào. Phần tiếp theo của bài viết, mình sẽ giới thiệu cho các bạn những Datepicker Plugin mà mình nghĩ phần nào phù hợp với các tiêu chí trên.

DatePicker Plugins

  1. Mutiple Dates Picker

Cho phép bạn lựa chọn nhiều ngày không liên tiếp, có thể chạy như một widget độc lập hoặc được gắn vào một trường dữ liệu đầu vào. Mutiple dates picker có một thư viện tài liệu online tuyệt vời đồng thời cung cấp cho bạn một bản demo để bạn trực tiếp khám phá plugin này. 2. ### DateTimePicker Cung cấp nhiều định dạng khác nhau trong việc lựa chọn ngày và thời gian, chỉ yêu cầu một dòng code JS để vận hành, có thể tùy chỉnh giao diện bằng css. 3. ### Datepair.js Được xây dựng để lựa chọn khoảng thời gian giữa 2 thời điểm, không phụ thuộc nhưng có thể làm việc tốt với jQuery, Zepto hay Bootstrap 4. ### Timepicker Tập trung hơn vào việc lựa chọn thời gian với tính năng như thời lượng, có nhiều định dạng thời gian khác nhau để lựa chọn, Hoạt động trên tất cả các thành phần html, input field,... 5. ### JQuery UI DatePicker Plugin về thời gian phổ biến nhất với số lượng hỗ trợ nhiều nhất, dễ dàng chỉnh sửa cho phù hợp với website của bạn, có một thư viện animation và hiệu ứng cho riêng nó. 6. ### Rome Hoàn toàn không phụ thuộc vào jQuery, hỗ trợ nhiều trình duyệt kể cả IE7 (mặc dù không biết người dùng IE7 có còn tồn tại không nữa =)) ), hiển thị cả thời gian và ngày trong cùng một cửa sổ. 7. ### JQM DateBox Hoạt động hoàn hảo trên mọi phiên bản của jQuery Mobile, tài liệu API hoàn chỉnh cho phát triển sau này, bao gồm nhiều giao diện như lịch vuông, IOS flipbox,... 8. ### ClockPicker Giao diện lựa chọn thời gian bằng đồng hộ độc nhất trong việc lựa chọn thời gian, hỗ trợ tốt cho cả phiên bản web và di động, đặc biệt hỗ trợ cảm ứng rất tốt.

Mình hi vọng rằng qua bài viết này, các bạn sẽ tìm được cho mình một plugin datetime phù hợp, mang lại cảm giác hài lòng cho người sử dụng. Nếu bạn có đề xuất gì hoặc đã từng sử dụng một plugin datetime tuyệt vời mà chưa có trong danh sách, hãy để lại comment nhé. Nguồn


All rights reserved

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí