Home > Web dev > 31+ Useful Calendar & Date Picker Scripts For Web Developers

31+ Useful Calendar & Date Picker Scripts For Web Developers

Date Picker is a clean, unobtrusive calendar component for jQuery which allows you to easily add date picker functionality to your web forms and pages

Calendars can be seen frequently in most web pages today especially in blogs and personal websites. As for corporate sites or e-commerce sites, it is utilize to layout announcements, up-coming events, contest and much more. What makes a calendar almost essential? It allows users to know what is new, what to be expect on specified date and track back older information all at one glance.

preview Useful Calendar & Date Picker Scripts For Web Developers

Calendar in hotel, cinema or airlines website requires user’s interaction to reserve rooms and air tickets. Having calendar in this website is necessary as users need to pick a specified date to make reservation. This is where Date Picker plays its role as a navigation medium. Date Pickers which is a calendar layout allows user to navigate through days, week or year to pick a date they desire. Some date pickers also include the option to jump directly to a specific day by entering the date to convenient the users.

In today’s post, we are showing you some of the best calendar and date pickers scripts that we have come to know. Hope you will find one that suits your demand. Full list after the jump!

 

iCal-like Calendar

A stunning calendar which looks very similar to iPhone Calendar application and iCal. It has smooth animations and when you hover over existing event then a tooltip fades-in with detailed information. [Demo] [Download]

ical Useful Calendar & Date Picker Scripts For Web Developers

MooTools DatePicker

Configurable Javascript datepicker with smooth animations. Works for any date format and it also supports time picking. Basic skin, Windows Vista skin, OSX Dashboard skin and Jquery UI skin. [Demo] [Download]

mootools Useful Calendar & Date Picker Scripts For Web Developers

FullCalendar

This is Google style jQuery plugin provides a full-sized, drag and drop calendar. This calendar is easy configurable and it uses Ajax. [Demo] [Download]

full calendar Useful Calendar & Date Picker Scripts For Web Developers

jPint

JPint is web-based iPhone dev which looks brilliant. Just choose Calendar and you will see the same calendar as on your iPhone. [Demo] [Download]

jpint Useful Calendar & Date Picker Scripts For Web Developers

jCalendar

Dynamic jQuery calendar which can be used with three form selects: one for day, month, and year. This calendar doesn’t have animations. [Demo] [Download]

jcalendar Useful Calendar & Date Picker Scripts For Web Developers

Datepicker

This datepicker is a simple looking datepicker which is tied to a standard form input field. Simply click on the input field and then use arrows to change between months. [Demo] [Download]

datepicker Useful Calendar & Date Picker Scripts For Web Developers

jQuery Week Calendar

Another Google style full-sized calendar, but this jQuery plugin provides a simple and flexible way of including a weekly calendar in your application. [Demo] [Download]

jquery week calendar Useful Calendar & Date Picker Scripts For Web Developers

jMonthCalendar

A full-sized calendar which supports events. Each events can be hovered over and event has a URL that links to a page which shows more details of clicked event. [Demo] [Download]

jmonthcalendar Useful Calendar & Date Picker Scripts For Web Developers

Date Picker

A datepicker which has a nice style and it is easy adjustable to fit in user’s web application. It also has a lot of features, such as multiple calendars in the component and it allows single, multiple or range selection. User can mark dates as special, weekends, special days, etc. [Demo] [Download]

date picker Useful Calendar & Date Picker Scripts For Web Developers

Simple jQuery Date Picker

Pretty neat datepicker which works on one or more text input elements and is easy styled with CSS. It is very easy to use this datepicker – just choose your year and month first and then pick some day. [Demo] [Download]

simple date picker Useful Calendar & Date Picker Scripts For Web Developers

Calendar

This is a Javascript class which is compilation of many datepickers. These datepickers include all the features that have been most useful. Their design also is very neat and good looking with smooth animations. [Demo] [Download]

calendar Useful Calendar & Date Picker Scripts For Web Developers

Vista-like Ajax Calendar Version 2

Vista-like ajax calendar is a web version of the slick and profound Windows Vista taskbar calendar. If you love the style of Windows Vista then you will also love this calendar [Demo] [Download]

vista like ajax calendar Useful Calendar & Date Picker Scripts For Web Developers

Yahoo! UI Library: Calendar

A simple YUI calendar which can be implemented in your web application. It doesn’t have a lot of options, but if you need just a datepicker then you don’t need anything more. [Demo] [Download]

yui calendar Useful Calendar & Date Picker Scripts For Web Developers

Unobtrusive Date-Picker Widget

This friendly datepicker is accessible using the keyboard, it requires no embedded JavaScript blocks and uses no pop-up windows. You can also fully modify the style with CSS. [DEMO] [Download]

unobtrusive date picker Useful Calendar & Date Picker Scripts For Web Developers

Scal

A cool datepicker which has 6 different style: Scal, Scal tinyscal, iScal, Dashblack, Googleblue and iPhonic. [Demo] [Download]

scal Useful Calendar & Date Picker Scripts For Web Developers

jQuery Interactive Date Range Picker

Very interactive component which is specifically designed for choosing date ranges. Pay attention to those smooth and good looking animations. [Demo] [Download]

interactive date range picker Useful Calendar & Date Picker Scripts For Web Developers

Basic Calendar

Try this calendar if you want to use just a basic calendar in your web application. [Demo] [Download]

basic calendar Useful Calendar & Date Picker Scripts For Web Developers

Simple Calendar

This is a simple pop-up calendar which works across browsers. Despite the fact that it isn’t the pretiest calendar, it is fully commented and customisable for language, colours and date format. [Demo] [Download]

simple calendar Useful Calendar & Date Picker Scripts For Web Developers

Tigra calendar

Tigra is a calendar which works across browsers. It is a drop-down calendar which fast and simple dates entry improves user experience. [Demo] [Download]

tigra Useful Calendar & Date Picker Scripts For Web Developers

jQuery Datepicker

Neat looking datepicker which can easily be added as a popup to a text field or inline in a division or span. It has jQuery style animations for a nice look. [Demo] [Download]

datepicker2 Useful Calendar & Date Picker Scripts For Web Developers

jQuery Date Input

Date Input is a datepicker plugin for jQuery.[Demo] [Download]

date input Useful Calendar & Date Picker Scripts For Web Developers

Unobtrusive JavaScript Date-picker Widget

Very neat datepicker with a great functionality. You can switch between years and months. [Demo] [Download]

date picker widget Useful Calendar & Date Picker Scripts For Web Developers

DatePickerControl

A simple datepicker which reminds Windows Calculator because of its look. You can easy transform your input field into this datepicker. [Demo] [Download]

datepickercontrol Useful Calendar & Date Picker Scripts For Web Developers

Jason Moon’s Fool-Proof Date Input Calendar Script

Very small and co-ordinated calendar. It doesn’t take a lot of space and it also looks good. You can’t switch between years, but you can switch between months by using arrows. [Demo] [Download]

fool proof date input Useful Calendar & Date Picker Scripts For Web Developers

Calendar Script

A simple calendar script with a good functionality. This is a good choice if you want a reliable and simple calendar. [Demo] [Download]

calendar script Useful Calendar & Date Picker Scripts For Web Developers

Dhtmlx Calendar

A lightweight cross-browser JavaScript calendar which is easy to use and fully customizable. It also has a nice style which is mixed together with its functionality. [Demo] [Download]

dhtmlx calendar Useful Calendar & Date Picker Scripts For Web Developers

Javascript Date Picker

This date picker uses DOM techniques to generate its HTML code. It supports browsers, such as: Mozilla Firefox, Google Chrome, Safari, Internet Explorer 6+. [Demo] [Download]

js date picker Useful Calendar & Date Picker Scripts For Web Developers

Rich Calendar

This is Javascript cross-browser calendar which implements the appropriate functionality with a lot of advanced options. [Demo] [Download]

rich calendar Useful Calendar & Date Picker Scripts For Web Developers

Xin Calendar

A small calendar script which doesn’t take a lot of space. It doesn’t provide an option to choose year or month. It only shows the current month. [Demo] [Download]

xin calendar Useful Calendar & Date Picker Scripts For Web Developers

Datepicker

A simple and well looking datepicker which looks like Windows integrated calculator. [Demo] [Download]

datepicker3 Useful Calendar & Date Picker Scripts For Web Developers

(bellefoong)