10 Best JavaScript Calendar Plugins For Scheduled Events (2020 Update)

by jQueryScript,

An event calendar allows you to easily manage and share single/recurring events on a weekly, monthly, or yearly calendar interface.

This is a list of 10 best, carefully selected jQuery and PURE JavaScript calendar plugins for organizing and showing events. I hope you like it.

Originally Published May 14 2019, updated Feb 22 2020

Table of contents:

jQuery Calendar Plugins:

Create A Simple Event Calendar with jQuery - e-calendar

e-calendar is a lightweight and easy to use jQuery plugin that helps you to create an intuitive event calendar widget on your website.

Create A Simple Event Calendar with jQuery - e-calendar

[Demo] [Download]


Responsive Event Calendar & Date Picker jQuery Plugin - Monthly

Monthly is a jQuery plugin that provides responsive and easy-to-customize event calendar and date picker for your web application.

Responsive Event Calendar & Date Picker jQuery Plugin - Monthly

[Demo] [Download]


jQuery Calendar Plugin Using HTML Templates - CLNDR.js

CLNDR.js is a jQuery plugin based on moment.js and underscore.js that allows you to create a calendar with event support using HTML template.

jQuery Calendar Plugin Using HTML Templates - CLNDR.js

[Demo] [Download]


jQuery Ajax-enabled Month Calendar Plugin with Bootstrap - Zabuto Calendar

Zabuto Calendar is a jQuery calendar plugin working with twitter's bootstrap that allows you to create a monthly calendar with ajax data events support on your web page.

jQuery Ajax-enabled Month Calendar Plugin with Bootstrap - Zabuto Calendar

[Demo] [Download]


Pretty Event Calendar & Datepicker Plugin For jQuery - Calendar.js

Calendar.js is highly customizable jQuery plugin that helps you create inline event calendars and date pickers for your website or web application.

Pretty Event Calendar & Datepicker Plugin For jQuery - Calendar.js

[Demo] [Download]


Vanilla JS Calendar Libraries:

Full Size and Drag & Drop Calendar - FullCalendar

FullCalendar is a feature-rich JavaScript Calendar Plugin for creating a smart, full size, drag and drop Calendar widget on your webpage.

Full Size and Drag & Drop Calendar Plugin - FullCalendar

[Demo] [Download]


Create A Simple Event Calendar With JavaScript – Caleandar.js

Caleandar.js is a simple JavaScript library used for generating a themeable inline calendar on the webpage that supports custom events defined in the JavaScript.

Create A Simple Event Calendar With JavaScript – Caleandar.js

[Demo] [Download]


Generating Responsive Timetables In Vanilla JavaScript – Timetable.js

Timetable.js is a tiny vanilla javascript plugin used to display your scheduled events in a responsive, horizontal timetable.

Generating Responsive Timetables In Vanilla JavaScript – Timetable.js

[Demo] [Download]


Day View Calendar In Vanilla JavaScript

A vanilla JS day view calendar which enables you to view all your events by the hour.

Day View Calendar In Vanilla JavaScript

[Demo] [Download]


Full-featured Calendar JavaScript Library – tui.calendar

tui.calendar is a powerful, full-featured calendar library used to showcase custom events, schedules, tasks in daily, weekly, and monthly views.

Full-featured Calendar JavaScript Library – tui.calendar

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome event calendars on the web & mobile? Check out the jQuery Calendar and JavaScript Calendar sections.

More Resources: