Top 10 những framework date time html thường được sử dụng

Thứ năm - 28/10/2021 02:44
VNCODE xin giới thiệu đến các bạn top 10 framework hỗ trợ code html date time được sử dụng nhiều nhất và ưa chuộng dành cho các develops
Dưới đây là danh sách các kiểu framework Date Time khác nhau bạn có thể sử dụng trong HTML:

1. MOBISCROLL 

Thư viện này đã quá nổi tiếng với giao diện đẹp theo style iOS, đa dạng, có nhiều lựa chọn cho user. Thêm vào đó, thư viện còn hỗ trợ cả trên nền tảng AngularJS và ReactJs.
Link tham khảo https://demo.mobiscroll.com/jquery/datetime/date-time-picker#
244432234 211888554383222 5166075270119818977 n

2. FLATPICKER

flatpickr là 1 thư viện datetimepicker khá nhẹ nhưng cũng rất mạnh.
Link tham khảo: https://flatpickr.js.org/
247002216 211888777716533 4112036744175236373 n

3. TINY DATE PICKER

Đây cũng là 1 thư viện datetimepiker khá nhẹ và độc lập.

Link tham khảo: https://github.com/chrisdavies/tiny-date-picker


244715077 211889687716442 636658985752441974 n

4 CONTINUOUS CALENDAR

Đây là 1 thư viện khá đặc biệt, cho phép user có thể lựa chọn ngày tháng bằng cách scoll để show các tháng khác trong năm thay vì phân trang như các thư viện khác.
Link tham khảo: https://github.com/continuouscalendar/jquery-continuous-calendar

248306862 211889917716419 7640420780223674092 n

5. DATE RANGE

Thư viện này cũng khá quen thuộc, cho phép người dùng lựa chọn 1 khoảng thời gian nhất định.
Link tham khảo: https://github.com/longbill/jquery-date-range-picker

247364357 211890051049739 7249113170436140243 n

6. MATERIAL DATETIMEPICKER

Cái thư viện này cũng khá quen với các developer rồi. Giao diện đẹp, bắt mắt, dễ dàng sử dụng. Và có thể cài đặt plugin như một module trong ES6.
Link tham khảo: https://ripjar.github.io/material-datetime-picker/

244715145 211890354383042 2834574823653249899 n

7. DATETIMEPICKER

Thư viện này dễ dàng cho phép người dùng lựa chọn ngày tháng, thời gian để thêm vào form của mình. Việc customize options cũng rất đơn giản.
Link tham khảo: https://xdsoft.net/jqplugins/datetimepicker/

248188733 211890577716353 3472662959283981632 n

8. UL CALENDAR

Thư viện này đặc biệt sử dụng cho nền tảng AngularJS. Cho phép add các event vào calendar, vô cùng tiện lợi.
Link tham khảo: https://github.com/angular-ui/ui-calendar

247462209 211890767716334 5989214892932314395 n

9. REACT INFINITE CALENDAR
Nếu như thư viện UI Calendar bên trên sử dụng cho riêng AngularJS thì thư viện này lại chuyên dùng cho ReactJS. Với cách thiết kế hiển thị các tháng trong năm nối liền nhau thay vì phân trang khá lạ mắt sẽ mang tới cho người dùng một trải ngiệm mới mẻ.
Link tham khảo: https://github.com/clauderic/react-infinite-calendar

247330921 211891017716309 8572999986892764127 n

10. DATETIME PICKER

Đây là thư viện cho phép người dùng dễ dàng tùy biến nó. Với thiết kế đơn giản, gọn nhẹ vô cùng thích hợp cho các ứng dụng trên mobile.
Link tham khảo: https://nehakadam.github.io/DateTimePicker/

247981636 211891121049632 751080685937968643 n


Mong bài viết của mình sẽ giúp ích được các bạn phần nào cho website của bạn được sinh động hơn. Hãy nhấn nút  Like và chia sẽ để mọi người cùng học hỏi kiến thức mới nhé. Cảm ơn các bạn đã quan tâm VNCODE.
 

Tác giả: admin, cfd

 Tags: framework, date time

Tổng số điểm của bài viết là: 5 trong 1 đánh giá

Xếp hạng: 5 - 1 phiếu bầu
Click để đánh giá bài viết

  Ý kiến bạn đọc

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây