18 Best Free Calendar and Datepicker jQuery Plugins for Developers

, , Leave a comment

jquery calendar plugins

Calendar and date interfaces are used in most of the websites and it is one of the most important parts of web designing. Building a website using these open source jQuery plugins is really simple.  In this article I have gathered 10 Best and Useful jQuery Calendar Plugins that would allow you to incorporate cool calendar features to your websites.

FullCalendar

FullCalendar is a jQuery plugin that provides a full-sized, drag & drop event calendar. It uses AJAX to fetch events on-the-fly and is easily configured to use your own feed format. It is visually customizable with a rich API. FullCalendar is great for displaying events, but it isn’t a complete solution for event content-management. Beyond dragging an event to a different time/day, you cannot change an event’s name or other associated data.

Simple Event Calendar

jQuery.Simple-EventCalendar make it easier for you to create an event calendar, datepicker or whatever you want with jquery

CLNDR.js

CLNDR is a jQuery plugin for creating calendars. Unlike most calendar plugins, this one doesn’t generate markup. Instead you provide an Underscore.js HTML template and in return CLNDR gives you a wealth of data to use within it.

Zabuto Calendar

Zabuto Calendar 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.

glDatePicker

glDatePicker supports inclusions of multiple style-sheets, all on the same page. This allows you to have multiple date pickers with different styles assigned to each date picker.

Verbose Calendar

Verbose Calendar jQuery Calendar created as a design experiment. It’s beautiful full calendar you can use for your next project

PickMeUp

jQuery datepicker plugin with easy interface, and easy way to customize appearance. Can be used with inputs of inline on page. Supports single, multiple and range dates selection. SASS stylesheet with parameters allows easily fit datepicker into your project.

jQM Calendar

Simple iOS-style calendar plugin for jQuery Mobile for both showing activities or picking dates. Events are showed with a bullet point on the date, and when the date is picked, the date appears with its summary
No image

pickadate.js

The mobile-friendly, responsive, and lightweight jQuery date & time input picker. There’s a lot of space and options to customize the date and time pickers, such as month/year selectors, time intervals, etc.

Datepair.js

Datepair.js is a  javascript plugin for intelligently  selecting date and time ranges inspired by Google Calendar. Use this plugin to link date and time inputs when you need to select ranges. Datepair.js doesn’t include any date or time picker widgets, but it’s preconfigured to work with jquery-timepicker and Bootstrap Datepicker.

jQuery UI Datepicker

The datepicker is tied to a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay.

jCal

Multi-day, multi-month animated datepicker jQuery plugin. jCal allows to select  the date range when select the date rage and hover the mouse.

Zebra Datepicker

Zebra_Datepicker is a small, compact and highly configurable datepicker jQuery plugin, meant to enrich forms by adding the datepicker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached datepicker.

jQuery Mobile Date Nav

This plugin provides a navigation between date range, either by a defined range (week, month and year). Ideal for querying information accurately by AJAX calls.

Flat DateTime Picker

Responsive Flat design jQuery based DateTime Picker for Web & Mobile

ClockPicker

A clock-style timepicker for Bootstrap (or jQuery). ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency

Bootstrap Date Paginator

A jQuery plugin which takes Twitter Bootstrap’s already great pagination component and injects a bit of date based magic. In the process creating a hugely simplified and modularised way of paging date based results in your application. Dates are selectable, scrollable and with the optional calendar select option thanks to eternicode’s bootstrap-datepicker, you can easily jump to any calendar date.

Ion Calendar

Ion.Calendar is a jQuery-calendar and datepicker,based on powerful library to work with time – Moment.js. Its Supports all languages, date formats and parsing abilities as Moment.js.
You may also like below post:
Share this:
 

Leave a Reply