Calender Eightysix is the successor of the popular Vista-like Ajax Calendar. Being an unobtrusive developer friendly calendar and datepicker, this lightweight customizable script is offering a better user experience for date related functionalities. Calender Eightysix is built from scratch using pure JavaScript, making use of the MooTools framework.

Read more from this entry…

A date picker is an easy way to introduce a date/time into an input field. It definitely gives a professional look to your forms by simplifying the process of selecting a specific date or a range of dates.

I hope that the following list will help you in selecting a script that will offer a better experience to your website’s visitors. JQuery and MooTools are some of the well known libraries used to create the date pickers.

1. The JQuery UI Datepicker is an excellent script that supports multiple themes and can be used in specific formats. Here are some examples:

- date range restriction
- alternate field population
- display month and year menus
- display button bar
- display multiple months
- show datepicker when clicking a date icon

[Go to Project Page | View Demo]

2. jQuery Datepicker is a plugin that attaches a popup calendar to your input fields or shows an inline calendar for selecting dates. It’s a simplified version of the JQuery UI Datepicker.

Features include:

* works as a popup for an input field or inline in a div/span
* full keyboard equivalents
* Predefined date formats are available. You can even define your own format.
* Minimum/Maximum date restriction
* Update an alternate field with the date in a different format
* Select a range of dates
* Show week of the year / days from other months
* Callbacks on hover, change of month/year, selection and closure
* CSS Customizable
* Language selector

[Go to Project Page | View Demo]

View more awesome date pickers…

jquery.timepickr is a nice JQuery Time Picker that attempts to make the process of inputing time in a form as easy as natural as possible.

Basic Usage

HTML

<input id="time" type="text" value="">

JavaScript

$(function(){
    $('#test').timepickr();
});

Features include:

• Unobtrusive
• Degrades gracefully
• Use maximum 2 clicks
• Has an intuitive keyboard navigation
• Be touch device friendly
• Our convention (either 12 or 24)

Do you wish to implement a color picker in your design applications? Checkout the following free scripts. Some of the well known frameworks used to develop these scripts are JQuery, MooTools and Script.aculo.us.

1. COLOURLovers Color Picker is a free, advanced and professional DHTML script which is easy to implement in the pages of your website.

Features
* Draggable color picker
* multiple fields can be used to call the script
* The script is WYSIWYG – the color you pick is the color you get
* The position of the picker can be set (x, y)

[Go to Project Page | Demo]

2. ColorPicker is a JQuery simple component that allows you to select color in the same way you select color in Adobe Photoshop.

Features
* flat mode – element in page
* powerful controls for color selection
* easy customizable
* fits into the view port

[Go to Project Page | Download | Implement]

Read more from this entry…