Submit your widget
HomeCalendar & Date & Time pickerjQuery Date Entry - input field up to accept a date value using a spinner.

jQuery Date Entry - input field up to accept a date value using a spinner.

Created 14 years ago   Views 13509   downloads 2522    Author keith-wood.name
jQuery Date Entry - input field up to accept a date value using a spinner.
View DemoDownload
127
Share |

View more demo

 

Usage

 

Include the jQuery library in the head section of your page.

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

 

Download and include the jQuery Date Entry CSS and JavaScript in the head section of your page.Alternately, you can use the packed version jquery.dateentry.pack.js (11.7K vs 35.8K) or minified version jquery.dateentry.min.js (16.4K, 5.1K after zipping).

 

<style type="text/css">@import "jquery.dateentry.css";</style> 
<script type="text/javascript" src="jquery.dateentry.js"></script>

 

Connect the date entry functionality to your input controls.

 

$(selector).dateEntry();

You can include custom settings as part of this process.

$(selector).dateEntry({dateFormat: 'dmy/'});

For more detail see the documentation reference page.