Lịch biểu JavaScript miễn phí
|
Có rất nhiều lý do tại sao bạn có thể muốn sử dụng tập lệnh lịch trên trang web của mình. Phổ biến nhất trong số đó là để liệt kê và lên lịch các sự kiện. Một cách sử dụng khác là cung cấp một liên kết để liệt kê tất cả các bài đăng trên blog hoặc các sự kiện tin tức được xuất bản vào một ngày cụ thể. Trong một số trường hợp, bạn có thể chỉ cần tìm một công cụ chọn phạm vi ngày và giờ Show
Lưu ý tất cả các trường hợp sử dụng này, tôi đã tạo danh sách này gồm một số tập lệnh Lịch JavaScript phổ biến nhất hiện có trên CodeCanyon
Kịch bản lịch sự kiện và lịch JavaScript bán chạy nhất trên CodeCanyonLấy một trong những tập lệnh này và thêm lịch JavaScript vào trang web hoặc ứng dụng của bạn. Các tập lệnh này cung cấp rất nhiều tính năng với mức giá thấp. Và nếu bạn mua một trong số chúng, bạn cũng nhận được các bản cập nhật miễn phí trọn đời và sáu tháng hỗ trợ miễn phí để giúp bạn bắt đầu Kịch bản lịch sự kiện và lịch JavaScript tốt nhấtTrong bài đăng này, tôi sẽ chia sẻ một số lựa chọn của mình về các plugin và tập lệnh lịch JavaScript tốt nhất năm 2022 1. Lịch sự kiện nhỏ DZS jQueryPlugin DZS jQuery Mini Events Calendar sẽ là lựa chọn hoàn hảo cho bạn nếu bạn đang tìm kiếm một tập lệnh lịch JavaScript trông tuyệt vời trên mọi kích thước màn hình và đi kèm với nhiều tính năng Thật dễ dàng để thiết lập và đi kèm với tài liệu chi tiết để giúp bạn trong trường hợp bạn gặp khó khăn. Nó cũng có khả năng tùy biến cao và thân thiện với SEO Có nhiều chế độ và giao diện có sẵn để bạn sử dụng dựa trên nhu cầu của mình. Một số sự kiện mà bạn đánh dấu trên lịch sẽ quan trọng hơn những sự kiện khác. Bạn có thể dễ dàng phân biệt giữa các sự kiện quan trọng và thường xuyên bằng thẻ Một plugin khác được gọi là plugin chú giải công cụ DZS đã được tích hợp với tập lệnh này để cung cấp trải nghiệm người dùng tốt hơn. Chú giải công cụ mà bạn tạo có thể chứa HTML bên trong, điều này khiến chúng trở nên rất mạnh mẽ và linh hoạt. Về cơ bản, bạn sẽ có thể thêm bất kỳ loại nội dung nào (thậm chí cả video) bên trong chú giải công cụ Có ba giao diện khác nhau có sẵn cho lịch này, được gọi là sạch, cực quang và đen. Bạn có thể chọn giao diện phù hợp nhất với chủ đề của mình và bạn cũng có tùy chọn hiển thị các sự kiện dưới dạng chú giải công cụ hoặc bằng hoạt ảnh trượt mượt mà Tập lệnh cũng có thể hoạt động ở hai chế độ khác ngoài lịch sự kiện. Chế độ đầu tiên của nó là một bộ chọn ngày đơn giản. Chế độ thứ hai thú vị hơn vì nó cho phép bạn chọn một ngày và sau đó hiển thị bất kỳ mục nào được liên kết từ ngày đó—ví dụ như các bài đăng trên blog Đừng quên xem trang demo của tập lệnh. Tôi chắc chắn rằng bạn sẽ thích các tính năng được cung cấp trong plugin 2. Lịch sự kiện đơn giảnTập lệnh tiếp theo trong danh sách của chúng tôi là Lịch sự kiện đơn giản được đánh giá cao. Nó dựa trên jQuery và hỗ trợ nhiều ngôn ngữ Điều đầu tiên mà bạn sẽ chú ý về plugin này là thiết kế rất đơn giản nhưng hấp dẫn của nó. Tất cả các ngày trong tháng được hiển thị ở trên cùng với phông chữ nhỏ để tiết kiệm dung lượng và ngày đã chọn được hiển thị với phông chữ lớn hơn Các sự kiện cho ngày đã chọn được hiển thị ở dưới cùng. Người dùng có thể sắp xếp các sự kiện dựa trên thời gian, tiêu đề hoặc mức độ ưu tiên của họ. Tất cả những ngày có sự kiện gắn liền với chúng đều được đánh dấu bằng mũi tên để bạn có thể dễ dàng xem những ngày nào hiện đang trống và lên lịch cho phù hợp Bạn có thể tạo các sự kiện lặp lại với tập lệnh này. Điều này có nghĩa là bạn có thể dễ dàng thêm các sự kiện được lặp lại hàng tuần, hàng tháng hoặc hàng năm Tập lệnh cũng cung cấp cho bạn quyền truy cập vào một số phương thức và gọi lại sự kiện để mở rộng chức năng của lịch hoặc để giúp bạn tích hợp nó với phần còn lại của trang web của mình Bạn có thể dùng thử tất cả các tính năng của plugin trên trang demo, trang này cũng cung cấp hướng dẫn cài đặt nhanh 3. Dòng thời gian XMLTimelineXML là phần bổ sung hoàn hảo cho blog, tạp chí, trang tin tức, danh mục đầu tư của bạn, bạn đặt tên cho nó. Kịch bản lấy các phần nội dung được đánh dấu thời gian và đặt chúng vào dòng thời gian. Điều tốt nhất về TimelineXML là mức độ linh hoạt của nó. Đây là danh sách những gì nó có thể làm
4. Lịch sự kiện TivaTiva Events Calendar cung cấp một giải pháp độc đáo và đơn giản để theo dõi các sự kiện khác nhau trong lịch trình của bạn Kịch bản này khác với hai lịch sự kiện đầu tiên. Bạn có thể nhận thấy rằng cả Lịch sự kiện đơn giản và Lịch sự kiện DZS jQuery chỉ đánh dấu ngày diễn ra sự kiện trên lịch. Không có thông tin nào khác được cung cấp cho bạn trước. Điều này có nghĩa là bạn phải nhấp vào một ngày để thực sự xem sự kiện Bố cục nhỏ gọn trong plugin này cũng hoạt động theo cách tương tự và chỉ hiển thị các sự kiện khi bạn di chuột qua ngày. Tuy nhiên, bố cục đầy đủ của plugin cũng hiển thị tiêu đề của các sự kiện để bạn không phải nhấp vào từng ngày để xem các sự kiện trong ngày. Tuy nhiên, bạn vẫn có thể nhấp vào các sự kiện để xem chi tiết hơn về chúng Một tính năng thú vị khác của tập lệnh là các sự kiện được mã hóa bằng màu sắc. Bạn sẽ có thể chỉ định các màu khác nhau cho các loại sự kiện khác nhau, chẳng hạn như các bữa tiệc hoặc cuộc họp kinh doanh. Điều này giúp dễ dàng xem tổng quan về lịch biểu chỉ bằng một cái nhìn lướt qua lịch mà không cần phải nhấp vào từng ngày Cả bố cục đầy đủ và bố cục nhỏ gọn đều chứa chế độ xem lịch và chế độ xem danh sách. Chế độ xem lịch sẽ hiển thị cho bạn tất cả các ngày trong tháng giống như lịch thông thường. Mặt khác, chế độ xem danh sách chỉ liệt kê tất cả các sự kiện trong tháng. Bạn có thể thấy tất cả những điều này đang hoạt động trên trang demo 5. Calentim. Bộ chọn phạm vi ngày giờKhông giống như các plugin khác trong danh sách, Bộ chọn phạm vi ngày giờ của Calentim hoàn toàn không phải là một plugin lịch sự kiện và chỉ tập trung vào việc trở thành một công cụ chọn phạm vi ngày-thời gian tuyệt vời Với tiêu điểm hẹp, plugin có đủ khả năng cung cấp nhiều tính năng trong phân khúc cụ thể này. Một trong những điều tốt nhất về tập lệnh là bộ chọn trông tuyệt vời trên các thiết bị thuộc mọi kích cỡ màn hình Nó thân thiện với thiết bị di động vì thiết kế đáp ứng và sử dụng các cử chỉ như hỗ trợ trượt cảm ứng. Ví dụ: rất dễ dàng chuyển đổi giữa tháng và năm do thiết kế được cân nhắc kỹ lưỡng của plugin Nó cũng dễ dàng tùy chỉnh, vì vậy bạn có thể ẩn bất kỳ thành phần giao diện người dùng nào và tắt các tính năng mà bạn không cần Plugin hỗ trợ 109 ngôn ngữ khác nhau. Về cơ bản, điều này có nghĩa là tập lệnh rất có thể đi kèm với hỗ trợ tích hợp cho ngôn ngữ mà khách hàng của bạn sử dụng Có nhiều tính năng khác trong tập lệnh được đề cập trên trang demo của plugin. Chỉ cần thử các ví dụ trên trang. Tôi chắc chắn rằng bạn sẽ tìm thấy tất cả các tính năng mà bạn mong đợi trong plugin lịch bộ chọn phạm vi ngày 6. Bộ lịch Jalendar 2Jalendar 2 Calendar Kit là một plugin dựa trên jQuery cung cấp rất nhiều tính năng khác nhau. Một trong những điểm cộng lớn nhất của nó là dễ dàng tùy chỉnh. Chẳng hạn, bạn có thể nhanh chóng thay đổi màu nền của lịch cũng như màu của ngày, tuần hoặc năm. Điều này có nghĩa là plugin sẽ không bao giờ lỗi mốt trên trang web của bạn. Bạn có thể dễ dàng thay đổi tất cả các giá trị màu để làm cho chúng phù hợp với bảng màu của bạn Tổng số sự kiện trong mỗi tháng được hiển thị bằng bong bóng thông báo và ngày được đánh dấu bằng các chấm màu nhỏ. Nhấp vào một ngày sẽ hiển thị tất cả các sự kiện cho ngày cụ thể đó Bạn có thể sử dụng plugin theo bốn cách khác nhau. Bạn có thể sử dụng nó làm lịch sự kiện, bộ chọn ngày hoặc bộ chọn phạm vi ngày và lần sử dụng thứ tư của plugin là làm trình liên kết ngày—điều này cho phép bạn chỉ định các ngày khác nhau cho các liên kết khác nhau. Điều này có thể hữu ích khi bạn muốn cho phép người dùng mở các bài đăng trên blog cho một ngày cụ thể Một tính năng hay nữa của tập lệnh này là hỗ trợ cho 13 ngôn ngữ khác nhau. Nếu khách hàng của bạn không biết tiếng Anh, bạn có thể chọn thêm 12 ngôn ngữ khác khi tạo lịch sự kiện 7. Caleran. Bộ chọn phạm vi ngàyCaleran. Công cụ chọn phạm vi ngày có các tính năng lựa chọn phạm vi khiến nó trở thành công cụ chọn phạm vi ngày hiệu quả để bạn sử dụng làm công cụ đặt trước trên trang web của mình nhằm giúp khách hàng của bạn dễ dàng sử dụng. Nó hoạt động trơn tru trên tất cả các trình duyệt và thiết bị di động hiện đại. Nó thậm chí còn hỗ trợ cả bố cục dọc và ngang. Bạn cũng có thể sử dụng nó làm lịch chọn ngày duy nhất có thể được hiển thị nội tuyến trên trang web của bạn hoặc dưới dạng danh sách thả xuống bên cạnh đầu vào Caleran được xây dựng bằng jQuery và Moment. thư viện js. Nó đi kèm với một danh sách lớn các tùy chọn tùy chỉnh mà bạn sẽ tìm thấy trên các trang cài đặt và sự kiện. Tập lệnh hỗ trợ dịch thuật và có thể được bản địa hóa bằng hơn 100 ngôn ngữ 8. Bộ chọn ngày ở chế độ toàn màn hình. Plugin jQueryPlugin chọn ngày jQuery có khả năng tùy chỉnh cao này cung cấp một cách nhanh chóng và dễ dàng để quản lý ngày cho các trường nhập văn bản. Nó đi kèm với các hiệu ứng CSS3 để làm sinh động lịch của bạn, bất kể ngôn ngữ hay trình duyệt nào. Plugin được kích hoạt chạm và vuốt, hoàn hảo cho thiết bị di động 9. Lịch thông minh. Lịch chọn ngày giờ đa năngSmartCalendar là plugin bộ chọn đầu vào ngày giờ đa năng, đáp ứng nhanh của jQuery có thể dễ dàng tích hợp vào lịch của bạn. Thật dễ dàng để thiết lập và tùy chỉnh màu sắc nhờ tài liệu hướng dẫn chi tiết. Toàn bộ lịch có tùy chọn nội tuyến và thả xuống, đồng thời có chuyển đổi tháng và năm dễ dàng. Nó trông tuyệt vời trên tất cả các thiết bị và trình duyệt hiện đại và bạn cũng có thể dịch nó sang nhiều ngôn ngữ 10. Thêm Vào Lịch. Thêm sự kiện vào lịch của bạnAddToCalendar giúp người dùng dễ dàng thêm sự kiện hoặc hội thảo của bạn vào lịch của họ. Thật dễ dàng để thiết lập và tích hợp vào trang web hoặc ứng dụng của bạn chỉ bằng cách thêm nút “Thêm vào Lịch”. Được xây dựng bằng jQuery, plugin dễ tùy chỉnh này hỗ trợ các múi giờ và nhiều nhà cung cấp lịch, bao gồm Lịch Google, Outlook, Lịch Yahoo và iCalendar. Lịch jQuery này được ghi lại đầy đủ và đi kèm với các tệp được nhận xét tốt Lịch JavaScript miễn phí và Lịch sự kiện JavaScriptlịchMột plugin lịch và datepicker thanh lịch cho Vue. js. Kiểm tra nó trên GitHub tui. lịchtui. lịch là một thư viện lịch mạnh mẽ, đầy đủ tính năng được sử dụng để hiển thị các sự kiện, lịch trình và nhiệm vụ tùy chỉnh trong chế độ xem hàng ngày, hàng tuần và hàng tháng Lịch phản ứng lớnLịch sự kiện này được tạo bằng React và sử dụng Flexbox. Nó được tối ưu hóa cho các trình duyệt hiện đại. Kiểm tra dự án GitHub để bắt đầu Lịch. jsLịch. js là thư viện JavaScript lịch sự kiện đầy đủ tính năng cho phép bạn xem và quản lý các sự kiện (như nhiệm vụ và cuộc hẹn đã lên lịch) trong giao diện lịch đáp ứng Với lịch JavaScript đầy đủ tính năng, đáp ứng này, bạn có thể xem và quản lý các sự kiện. Bạn có thể thêm hoặc xóa sự kiện và chỉnh sửa sự kiện trong cửa sổ bật lên. Bạn cũng có thể xuất các sự kiện sang JSON, văn bản, XML, CSV, iCal, Markdown hoặc HTML liên kết lịchThư viện JavaScript liên kết lịch tự động tạo liên kết lịch từ các sự kiện bạn cung cấp để bạn có thể thêm các sự kiện vào Lịch Google, Lịch Yahoo, Microsoft Outlook, Office 365 và iCalendar Những điều cần xem xét khi chọn plugin Lịch JavaScriptGiá bánCác plugin lịch JavaScript cao cấp có đủ mức giá, vì vậy hãy chọn một plugin có tất cả các tính năng bạn đang tìm kiếm trong phạm vi ngân sách của mình Thân thiện với thiết bị di độngHơn 80% người dùng của bạn truy cập trang web hoặc ứng dụng của bạn thông qua thiết bị di động, vì vậy hãy chọn plugin lịch đáp ứng hiệu quả với mọi thiết bị—máy tính để bàn, máy tính bảng hoặc điện thoại thông minh Khả năng tương thích với các trình duyệt hiện đạiNgười dùng có các trình duyệt ưa thích của họ, vì vậy hãy chọn một plugin hoạt động với tất cả các trình duyệt hiện đại Tài liệuTài liệu tốt rất quan trọng để giúp bạn thiết lập lịch và tùy chỉnh lịch cho phù hợp với phong cách của bạn Thêm tập lệnh lịch JavaScript vào trang web của bạn ngay bây giờTập lệnh lịch JavaScript có sẵn trên CodeCanyon là lựa chọn hoàn hảo cho plugin lịch sự kiện hoặc bộ chọn ngày và giờ cung cấp nhiều bố cục và tùy chọn tùy chỉnh khác nhau |
