With jQuery Calendar and Date Pickers it is quite simple to add cool calendar features to nearly any website.

jQuery is a cross-browser JavaScript library designed to simplify the client-side scripting of HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 65% of the 10 million most visited websites, jQuery is the most popular JavaScript library in use today.

Most people believe that jQuery is the best JavaScript library because it’s easy to use, flexible and has a lot of tutorials and plugins allowing you to integrate nearly any front-end function into your site. Implementing a calendar on your website is also easy when using jQuery event calender and date picker plugins.

Event calendars and date pickers are really useful for web applications and is a good way to communicate any kind of event relevant to the site or business publishing it. jQuery is also useful in many other areas and in particular jQuery carousel plugins can give a website a facelift.

For this article I have found several useful jquery Calendar and jquery datepicker plugins. They are popular among web designers, freelancers and bloggers and I hope you will find something useful too. Another very popular type of jQuery scripts are jQuery Slider Plugins.

This article is regularly updated to ensure that all links are active and to have the latest and best plugins showcased.

If you like jQuery plugins and javascript in general, make sure to check out the thousands of fully-licensed scripts found over at Envato Market

Disclosure: Please note that some of the links below are affiliate links and I will earn a commission if you purchase through those links (at no extra cost to you). I recommend that you do your own independent research before purchasing any product or service. This article is not a guideline, a recommendation or endorsement of specific products.

[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]

Tiva Events Calendar

Tiva Events Calendar

Tiva Events Calendar is a jQuery plugin that will let you easily display your events in a calendar on your website. The plugin is very flexible and customizable. Choose between two layout options to impress your visitors. You can create events in json file or feed from your database via php file (Ajax).

MORE INFO DEMO

DZS jQuery Mini Events Calendar

DZS jQuery Mini Events Calendar

Need a way to present your events in calendar format on your website? This is the plugin for you. It is easy to install and comes with a sample setup with the plugin to show an example on how it can be configured. This plugin is responsive and fully compatible with iPhone, iPad and Android.

MORE INFO DEMO

Jalendar 2 Calendar Pack

Jalendar 2 Calendar Pack

Jalendar2 is a popular calendar plugin pack with a lot of useful features. It is created with jquery javascript library and it is very flexible. It supports 13 languages,
4 calendar types and you can customize colors for calendar background, day colors, week colors and year color.

MORE INFO DEMO

Tiva Timetable

Tiva Timetable

Tiva Timetable is a responsive calendar and schedule jQuery script. It has a clean flat design and it is very easy to use. You will have lots of useful features and customization options. Your visitors will love this and you can use it for any kind of schedule or events calendar on your website. You can choose between 3 different layouts: 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.

MORE INFO DEMO

jQuery Datepicker

 jQuery Datepicker

A datepicker can easily be added as a popup to a text field or inline in a division or span with appropriate default settings. The popup shows when the field gains focus and is closed by clicking on the Close link or clicking anywhere else on the page. You can also remove the datepicker widget if it is no longer required.

MORE INFO DEMO

jQuery UI Datepicker

jQuery UI Datepicker

The jQuery UI Datepicker is a highly configurable plugin that adds datepicker functionality to your pages. You can customize the date format and language, restrict the selectable date ranges and add in buttons and other navigation options easily. By default, the datepicker calendar opens in a small overlay onFocus and closes automatically onBlur or when a date is selected. For an inline calendar, simply attach the datepicker to a div or span. You can use keyboard shortcuts to drive the datepicker.

MORE INFO DEMO

FullCalendar

FullCalendar

FullCalendar is a famous jQuery calendar plugin which offers features like drag-and-drop, integration with Google Calendar and able to fetch events through JSON. Designers can easily customize the look and feel of the calendar, while developers can utilize the exposed hooks for user-triggered events

MORE INFO DEMO

jQuery.calendarPicker

jQuery.calendarPicker

This component is a light-weight jquery Calendar/date-picker. Some features are – support for internationalization, changing current date, supports mouse wheel scrolling and much more

MORE INFO DEMO

jQuery TimelineXML

TimelineXML

TimelineXML is a flexible and smart script that will help you show your content on a timeline. It will adjust the time scale to fit your date and events. You can choose from 3 unique skins to fit your blog or magazine.

MORE INFO DEMO

Thank you for visiting Tripwire Magazine. Don’t forget to share this post with your friends.

[exec]echo get_avatar( get_the_author_email(), ’80’ );[/exec]

Author : Dustin Betonio

[exec]the_author_description();[/exec]

Pin It on Pinterest

Shares
Share This

Share This

Share this post with your friends!

Shares
WordPress Appliance - Powered by TurnKey Linux