15 Useful jQuery Plugin for Calendar and Datepicker

0

jQuery Calendar is widely used among developers and is one of the most important parts of web designing.

Building a website using these open source jQuery plugins is really simple. Here are 15 useful jQuery Calendar and date picker plugins for web designing.

jQuery Plugin for Calendar and Datepicker

jQuery Plugin for Calendar and Datepicker

1 FullCalendar

FullCalendar is a highly customizable and open source jQuery Calendar plugin for displaying events on a full-sized calendar.

it offers a drag-n-drop user interface to change events easily on the calendar. Beyond dragging an event to a different time/day, you cannot change an event’s name or other associated data.

It is up to you to add this functionality through Full Calendar’s event hooks.

FullCalendar

2 Calendario

Calendario is a jQuery calendar plugin for creating flexible calendars. The calendar designs are based on these two beauties found on Dribbble.

Calendars can be a very tricky thing when it comes to their layout and responsiveness.

This is an experiment for trying out some grid layouts that can be applied to calendars. – Calendario

3 CLNDR.js

CLNDR is a simple jQuery calendar 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.

CLNDR.js

4 Zabuto Calendar

Zabuto Calendar is a jQuery calendar 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.

Zabuto Calendar

5 Jalendar 2 Calendar Pack

Jalendar2 is a premium calendar plugin pack that created with JavaScript library. Jalendar offers you 4 different calendar options.

You can list your events, you can link to days, you can use Jalendar Selector for date selecting and you can use Jalendar Range for range selecting on the calendar.

Jalendar 2

6 glDatePicker

glDatePicker is an ultra-simple, customizable, light-weight date picker and calendar plug-in for jQuery.

Easy to stylize current date, selected date, special dates, and individual days of the week.

glDatePicker

7 Date Paginator

Date Paginator is a jQuery plugin that takes Twitter Bootstrap’s already great pagination component and injects a bit of date based magic.

In the process creating a hugely simplified and modularized 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-date picker, you can easily jump to any calendar date.

Bootstrap Date Paginator

8 Datetator

Datetator is a jQuery based replacement for input boxes, making them date pickers. It affects the original input box directly, which is used as the data container.

Datetator

9 jquery.filthypillow

jquery.filthypillow is a fancy and small calendar and date-time picker.

jquery.filthypillow

10 Datepair.js

Datepair.js is a lightweight, modular JavaScript plugin for intelligently selecting date and time ranges, inspired by Google Calendar.

It will keep the start and end date/times in sync and can set default values based on user action.

Datepair.js

11 jQuery Date Range Picker

jQuery Date Range Picker is a jQuery plugin that allows users to select a date range.

Date Range Picker

12 jqm calendar

jqm calendar is a 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 in the list.

jqm calendar

13 PickMeUp

PickMeUp is a really simple, powerful, and customizable jQuery date picker.

PickMeUp

14 pickadate

Pickadate is a mobile-friendly, responsive, and lightweight jQuery date & time input picker.

pickadate

15 JalaliJSCalendar

JalaliJSCalendar is a JavaScript date-picker and calendar widget based on “Dynarch DHTML Calendar” from Mihai Bazon.

The main difference between the two is that JalaliJSCalendar supports the Persian (AKA Hijri Shamsi) calendar too, which is the official Iranian calendar.

JalaliJSCalendar

You might also like

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More