O'Reilly logo

jQuery Tools UI Library by Alex Libby

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Making your HTML5 date input look and behave the way you want with Dateinput

The advent of HTML5 has brought the ability to use<input type=date>, which removes the need for additional functionality. However, this is only available in a limited capacity, as it only works on Safari—jQuery Tools seeks to redress this with DateInput, which makes the HTML5 functionality available now, across all modern browsers. Let's take a peek at how to use it.

Usage

If there was an example of where minimal JavaScript was needed, then this is arguably one of them; DateInput only needs two words to work, with the exception of the call to the library, of course! Below is the basic framework required to get jQuery Tools' DateInput working:

<!-- include jQuery FORM Tools ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required