Collection of free jQuery calendar examples and plugins

Welcome to our collection of jQuery code examples! In this carefully curated compilation, we have gathered a wide array of code snippets that demonstrate the power and versatility of the jQuery library.

GC-Calendar

Author:
Gilang Pratama | February 8, 2022
Made with:
HTML / CSS / JS

About a code

A jQuery calendar library.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
calendargc.js

Event Calendar

Author:
Norhan_ms | January 8, 2021
Made with:
HTML (Pug) / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
evo-calendar.css, evo-calendar.js

Note App

Author:
@BrawadaCom | September 6, 2020
Made with:
HTML / CSS (SCSS) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
User Calendar/Scheduler - Drag & Drop

User Calendar/Scheduler - Drag & Drop

Author:
Crezzur | August 4, 2020
Made with:
HTML / CSS / JS

About a code

Drag and drop tasks wherever you want on the calendar/scheduler. Hover on a task to edit or delete the specific task.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
font-awesome.css, bootstrap.css, bootstrap.js, jquery-ui.js, jscolor.js
jQuery Calendar

jQuery Calendar

Author:
Arrobe | July 11, 2018
Made with:
HTML / CSS / JS

About a code

A responsive jQuery calendar scheduler built with Bootstrap 4 and moment.js.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, bootstrap.js, moment.js
jQuery and Bootstrap 3/4 Year Calendar

jQuery and Bootstrap 3/4 Year Calendar

Author:
Piotr Zatorski | March 6, 2018
Made with:
HTML / CSS / JS

About a code

This is simple jQuery and Bootstrap 3&4 calendar.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
bootstrap.css, bootstrap.js, popper.js
jQuery Mini Event Calendar

jQuery Mini Event Calendar

Author:
WALTER KIMARO | February 28, 2018
Made with:
HTML / CSS / JS

About a code

A mini calendar with events jQuery plugin.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-

Wim Crouwel's Calendar (CSS Grid)

Author:
▥ | April 14, 2017
Made with:
HTML (Pug) / CSS (Sass) / JS

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
no
Dependencies:
-
CLNDR

CLNDR

Author:
Kyle Stetz | April 16, 2013
Made with:
2688 stars140 watchers

About a code

jQuery calendar plugin that uses HTML templates.

jQuery Week Calendar

jQuery Week Calendar

Author:
Julien Muetton | January 27, 2010
Made with:
703 stars61 watchers

About a code

A weekly calendar plugin based on jQuery and jQuery-UI.

Calendario

Calendario

Author:
Codrops | November 27, 2012
Made with:
637 stars67 watchers

About a code

jQuery calendar plugin for creating flexible calendars.

Monthly

Monthly

Author:
Kevin Thornbloom | December 5, 2015
Made with:
269 stars30 watchers

About a code

A jQuery based responsive calendar.
Features: fully responsive design, intuitive event labels, event list detail mode, well commented code for easy customization.

Zabuto Calendar

Zabuto Calendar

Author:
Zabuto | November 9, 2013
Made with:
260 stars30 watchers

About a code

This library is a jQuery plugin for Bootstrap that lets you add a month calendar to your web page. You can customize the display of the calendar and view it in several languages. You are also able to show calendar events by using an AJAX request with JSON data and add a legend. You can add a function to the calendar to execute when the onclick event is triggered on a specific day.

Bootstrap Year Calendar

Bootstrap Year Calendar

Author:
Paul-DS | October 27, 2015
Made with:
190 stars29 watchers

About a code

A fully customizable year calendar widget, for Bootstrap.

jQueryPlanner

jQueryPlanner

About a code

Calendar and planner written in JQuery.

jQuery Calendar

jQuery Calendar

About a code

A simple lightweight (2.1KB) jQuery JavaScript plug-in to generate calendars with 8 responsive colour schemes to choose from (or use your own style sheet).

Calendar Plugin

Calendar Plugin

About a code

A simple jQuery calendar plugin to show the date and stuff.

FullCalendar

FullCalendar

About a code

Full-sized drag & drop event calendar (jQuery plugin).

Calendar

Calendar

Author:
Abram | December 4, 2014
Made with:
HTML / CSS / JS

About a code

Click the years to change.

Compatible browsers:
Chrome, Edge, Firefox, Opera, Safari
Responsive:
yes
Dependencies:
-
jQuery Range Calendar

jQuery Range Calendar

About a code

jQuery range calendar plugin.

Pretty Calendar

Pretty Calendar

About a code

A jQuery plugin for generating pretty calendars.

Discover Our Extensive Snippet Library

This heading suggests that your website provides a wide variety of snippets across different technologies, encouraging users to explore and use these resources for their development projects.

HTML Snippets.

Explore a collection of HTML snippets designed to streamline your web development process. From basic structures to complex elements.

CSS Snippets.

Discover powerful CSS snippets that help you style your web pages with ease. Whether you need layout solutions, animations

JavaScript Snippets.

Enhance your website's interactivity with our JavaScript snippets. From DOM manipulation to advanced algorithms

Bootstrap Snippets.

Leverage the power of Bootstrap with our collection of snippets. Quickly integrate responsive design components

Tailwind Snippets.

Speed up your development process with Tailwind CSS snippets. These utility-first CSS snippets enable you to

jQuery Snippets.

Simplify your JavaScript development with jQuery snippets. Easily perform common tasks like event handling, animations

React Snippets.

Build robust, component-based user interfaces with our React snippets. From state management to lifecycle methods,

Vue Snippets.

Streamline Vue.js development with our collection of snippets for creating components, managing state, and handling events.

Ready to set your Brand ablaze?

Let's craft a visual identity that ignites passion and loyalty. ✨