Best jQuery Calendar Plugins & Tutorials with Demo

    PIGNOSE Calendar : Beautiful and Eidetic jQuery Date Picker Plugin

    PIGNOSE Calendar : Beautiful and Eidetic jQuery Date Picker Plugin

    PIGNOSE-Calendar helps you to make simple and eidetic datepicker with jQuery.This datepicker supports responsive display and mobile environment.

    Features:

    • Responsive and mobile friendly display
    • Multiple range datepicker support
    • Scheduling calendar support
    • Input type controller support
    • The toggle controll each of date buttons are supported
    • You can disable specific dates
    • Multiple languages are supported, (en, ko, fr, ch, de, jp, pt, da, pl, es, fa, it, cs, uk, ru, ka)

    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.