Best jQuery Calendar Plugins & Tutorials with Demo

TOAST UI Calendar : JavaScript Schedule Calendar

TOAST UI Calendar : JavaScript Schedule Calendar

TOAST UI Calendar is a javascript schedule calendar that is full featured. Now your service just got the customizable calendar.

Features:

  • Supports various view types: daily, weekly, monthly(6 weeks, 2 weeks, 3 weeks)
  • Supports efficient management of milestone and task schedules
  • Supports the narrow width of weekend
  • Supports changing start day of week
  • Supports customizing the date and schedule information UI(including a header and a footer of grid cell)
  • Supports adjusting a schedule by mouse dragging
  • Supports customizing UI by theme

When.datepicker : Date Range Picker Plugin

When.datepicker : Date Range Picker Plugin

When is a small Date Range Picker plugin for your website, which runs without any frameworks. It can be used as a single date or range selection picker. Can be shown inline or used as a dropdown attached to an input. The plugin is very lightweight plugin (less than 15kb minified and gzipped).

Features:

  • Fully Customizable
  • Inline Support
  • 100+ Languages
  • Less than 15kb
  • Disabling dates in a specific range
  • Single Date Support
  • Powerful API
  • Fast month and year navigation

jQuery Date Ranges Selector Plugin

jQuery Date Ranges Selector Plugin

A jQuery plugin to create and manage date ranges. Also requires jquery-ui for the datepickers.

jQuery Schedule Calendar Plugin

jQuery Schedule Calendar Plugin

jQuery and html schedule calendar.Javascript base time schedule plugin.

Calentim : jQuery Date Time Range Picker

Calentim : jQuery Date Time Range Picker

Calentim is a Date/Time Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date/time picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features:

  • Option to hide specific parts of the instance (header, footer)
  • Mobile friendly (both portrait and landscape layouts are supported)
  • Support for predefined ranges
  • Can be shown as an inline control
  • Wide localization support (Available languages)
  • Can also be used as a single datetime picker
  • Sass template included

Caleran : jQuery Date Range Picker

Caleran : jQuery Date Range Picker

Caleran is a Date Range Picker plugin, built using jQuery and moment.js libraries. It can also be used as a single date picker besides the range selection feature. Can be shown inline or used as a dropdown beside an input.

Features:

  • Option to hide specific parts of the instance
  • Mobile friendly (both portrait and landscape layouts are supported)
  • Support for predefined ranges
  • Can be shown as an inline control
  • Wide localization support (Available languages)
  • Can also be used as a single date picker
  • Sass template included
  • Grunt file included

Schedule Template in CSS and jQuery

Schedule Template in CSS and jQuery

A simple template that lets you display events on a timeline, as well as organize them in groups (week days, conference rooms etc…).From a web designer perspective, it is handy to have a simple, responsive template to use if you ever need to create a schedule table.

Tiva Timetable : jQuery Events Calendar

Tiva Timetable : jQuery Events Calendar

Tiva Timetable is a responsive schedule javascript library with clean and modern flat interface. It is very easy to use yet gives plenty of features and styling options. You can use it for any kind of schedule or events calendar.

There are 3 layouts for your choice: monthly view, weekly view or list view. You can manage timetables in json file or feed from your database via php file with ajax technique.

flatpickr : jQuery Lightweight & Powerful DateTime Picker

flatpickr : jQuery Lightweight & Powerful DateTime Picker

You may have heard of Flatpickr as it is one of the most widely used date and time pickers available. We are including it in our list because it’s authors have recently announced version 2.0, introducing lots of new features like jQuery compatibility, improved performance, SVG icons, and more.

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker : Create jQuery Photo Slideshows & Galleries

Slider Maker – Create jQuery Photo Slideshows, Galleries, Carousels in no time !

  • Fully responsive
  • Retina-enabled
  • Creates Well-adaptated images for each screen & device
  • Touch-swipe
  • Lazy Images Loading
  • Loaded with ajax