Created on Friday, 22 May 2015 04:54
Written by Terrence
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 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.
jQuery.Simple-EventCalendar make it easier for you to create an event calendar, datepicker or whatever you want with jquery
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 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 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 jQuery Calendar created as a design experiment. It’s beautiful full calendar you can use for your next project
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.
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
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.
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.
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 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.
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.
Responsive Flat design jQuery based DateTime Picker for Web & Mobile
A clock-style timepicker for Bootstrap (or jQuery). ClockPicker was designed for Bootstrap in the beginning. So Bootstrap (and jQuery) is the only dependency
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 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:
People in this conversation