jQuery

20 Best jQuery Calendar Plugins for Your Websites

A calendar is a system of organizing days for social, religious, commercial or administrative purposes. And we have some jQuery Calendar plugins by which you can display calendar interface to your websites and make them more useful and multi functioning. These calendar plugins are easy to use and packed with myriad of useful features which will make your websites look beautiful and eye-catching.

So, what are you waiting for, let’s explore the list.

See Also–

15 Best jQuery Rating Plugins

jQuery Image Zoom Plugins for Beautifying Your Websites

1. Tiva Events

Tiva Events Calendar
Tiva Events Calendar is plugin which help you to display all events on calendar. It is very flexible and easy to install and integrate into your website. You can create events in json file or feed from your database via Ajax.
Demo & Download

2. jQuery Simple Event Calendar

jquery simple event calendar
jQuery Simple Event Calendar make it easier for you to create an event calendar, datepicker or whatever you want with jQuery.
Demo & Download

3. Bootstrap Calendar

bootstrap calendar
Bootstrap Calendar is a full view calendar with year, month, week and day views based on templates with Bootstrap.
Demo & Download

4. WS Calendar

wscalendar
The wsCalendar is a jQuery plugin that provides datepicking features. It is easy to use and includes bunch of useful functions.
Demo & Download

5. Jalendar 2

jalendar
Jalendar2 is a premium calendar plugin pack that created with jquery javascript library. Jalendar offers you 4 different calendar options. You can list your events, you can link to days, you can use Jalendar Selector for date selecting and you can use Jalendar Range for range selecting on calendar.
Demo & Download

6.e-calendar

e-calendar
e-calendar is a jQuery plugin for creating a calendar with events. It’s so easy to use.
Demo & Download

7. jQuery Events Calendar via Ajax

jQuery Events Calendar via Ajax
Hubeleke jQuery Events Calendar is a flexible plugin that allows you to connect to your database and show up your event days on a calendar view. You can easily list your events on wherever you want on your page via just one click.

This plugin is NOT a calendar organizer with an administration panel. It helps you to retrieve your event dates and lists from your database via Ajax and displays them on your web site month by month.
Demo & Download

8. CLNDR.js

CLNDR.js
CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an HTML template and in return CLNDR gives you a wealth of data to use within it. CLNDR is free of opinions about markup and style.
Demo & Download

9. Ion.Calendar

ion calendar
Ion.Calendar is a jQuery calendar and datepicker, based on powerful library to work with time Moment.js. It supports all languages, date formats and parsing abilities as Moment.js. This plugin supports touch devices, multiple calendars at one page, cross browser compatible and distributed under MIT licence.
Demo & Download

10. JSCalendar

jscalendar
JSCalendar is a JavaScript class that adds accessible and unobtrusive date-pickers to your form elements. By using it, you can set up the coolest calendar in the shortest amount of time. It supports inline and popup mode, supports slide window animation, multi language support, and cross browser compatible.
Demo & Download

11. jQuery Verbose Calendar

jQuery-Verbose-Calendar
jQuery Verbose Calendar is a plugin for creating a calendar that displays the whole months and days of a year at the same time. Once loaded, it auto-scrolls to “today” and displays the day names when hovered to any date in a tooltip.
Demo & Download

12. jQuery Flat Event Calendar Responsive Timeline

jquery flat event calendar
It’s a responsive event calendar. It can also be used as a timeline. It’s suitable both for responsive and fixed layout and supports all major browsers, includes 5 layouts, fully css customizable and has responsive design.
Demo & Download

13. Full Calendar

fullcalendar
FullCalendar is a jQuery plugin that provides a full-sized, drag & drop calendar like the one below. It uses AJAX to fetch events on-the-fly for each month and is easily configured to use your own feed format (an extension is provided for Google Calendar).
Demo & Download

14. jQuery Mobile Event Calendar

jquery event calendar
This plugin utilizes powerful jQuery mobile framework to create and display an event calendar for your mobile or mobile web projects.
Demo & Download

15. Calendario

Calendar
Calendario is a jQuery calendar plugin that aims to provide a suitable layout for both, small and big screens and keeping the calendar structure fluid when possible. On large screens we want to show a grid-based layout while on smaller screens, we want to simply stack the days of the month.
Demo & Download

16. oCalendar

ocalendar
oCalendar is a jQuery plugin that allows you to add an event calendar to your sites or projects easily. You can add, edit and delete events from the client side. It is easy to integrate, resizable and comes with 10 different themes for making your calendar beautiful and eye catching.
Demo & Download

17. jQuery Frontier Calendar

jquery-frontier-calendar
jQuery Frontier Calendar is a full month calendar jQuery plugin that looks like Google Calendar. All UI elements such as next-month & previous-month buttons, add event form, edit event form, tooltips, etc, are not part of the calendar plugin.
Demo & Download

18. Booking Calendar Pro

booking calendar jquery pro
Booking Calendar is a great plugin if you want to add information about bookings to your rentals website. The Back End is easy to use and can be easily integrated into your own CMS as the Front End can be easily integrated into your website. Both Back End and Front End can be customized separately, and the number of usages on your webpage or website is unlimited.

The Calendar comes with a PHP script, but any server side script can be used to load or to save data from any database.
Demo & Download

19. Monthly.js

monthlyjs
Monthly.js is a jQuery based responsive calendar plugin. You can use it as a date picker or a full fledged calendar; this plugin can work in event list detail mode, handles multiple instances on the same page, and comes with responsive design.
Demo & Download

20. Regal Calendar

Regal Calendar
And finally the Regal Calendar which component that allows you make known your events every day, let your visitors see when your event starts, the location via Google maps and confirm their attendance via Twitter.
Demo & Download

Final Words

So, above mentioned jQuery calendar plugins will enable you to add calendars to your websites and web applications. These plugins are useful for booking tickets, ecommerce and events related websites. Let us know if you are aware of some other jQuery calendar plugins by posting a comment in comment section.

20 Best jQuery Calendar Plugins for Your Websites
4.1 (82%) 10 votes
Please follow and like us:

Leave a Reply