jQuery UI Widget : Datepicker
jQuery UI Widget : Datepicker
You can datepicker to your web page for inputting date. The language and date format can be customize. By default, the datepicker calendar opens in a small overlay on Focus and closes automatically on Blur or when a date is selected.
The datepicker is very useful on the website. In this example you will learn how to use jQuery datepicker component.
You can use keyboard shortcuts to drive the datepicker:
- page up/down - previous/next month
- ctrl+page up/down - previous/next year
- ctrl+home - current month or open when closed
- ctrl+left/right - previous/next day
- ctrl+up/down - previous/next week
- enter - accept the selected date
- ctrl+end - close and erase the date
- escape - close the datepicker without selection
For options, events ,method and theming click here
EXAMPLE :
datepicker.html
<html> |
Output :
When you click inside input box :
Learn from experts! Attend jQuery Training classes.