Collection of free jQuery calendar code examples from Codepen and Github. Update of October 2021 collection. 3 new items.
Related Articles
Links
Made with
- HTML / CSS / JS
About a code
GC-Calendar
A jQuery calendar library.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: calendargc.js
Links
Made with
- HTML (Pug) / CSS (SCSS) / JS
About a code
Event Calendar
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: evo-calendar.css, evo-calendar.js
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Note App
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML / CSS / JS
About a code
User Calendar/Scheduler - Drag & Drop
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
Links
Made with
- HTML / CSS / JS
About a code
jQuery Calendar
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
Links
Made with
- HTML / CSS / JS
About a code
jQuery and Bootstrap 3/4 Year Calendar
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
Links
Made with
- HTML / CSS / JS
About a code
jQuery Mini Event Calendar
A mini calendar with events jQuery plugin.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
Links
Made with
- HTML (Pug) / CSS (Sass) / JS
About a code
Wim Crouwel's Calendar (CSS Grid)
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: -
- 2688 stars
- 140 watchers
CLNDR
jQuery calendar plugin that uses HTML templates.
- 703 stars
- 61 watchers
jQuery Week Calendar
A weekly calendar plugin based on jQuery and jQuery-UI.
- 637 stars
- 67 watchers
Calendario
jQuery calendar plugin for creating flexible calendars.
- 269 stars
- 30 watchers
Monthly
A jQuery based responsive calendar.
Features: fully responsive design, intuitive event labels, event list detail mode, well commented code for easy customization.
- 260 stars
- 30 watchers
Zabuto Calendar
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.
- 190 stars
- 29 watchers
Bootstrap Year Calendar
A fully customizable year calendar widget, for Bootstrap.
Calendar and planner written in JQuery.
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).
A simple jQuery calendar plugin to show the date and stuff.
Full-sized drag & drop event calendar (jQuery plugin).
Links
Made with
- HTML / CSS / JS
About a code
Calendar
Click the years to change.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: -
jQuery range calendar plugin.
A jQuery plugin for generating pretty calendars.