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 about a year ago   Views 4117   downloads 422    Author keith-wood.name
jQuery Date Entry - input field up to accept a date value using a spinner.
View DemoDownload 88.4 KB
78
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.

You might also like

Fields with * are required.

Please enter the letters as they are shown in the image above.
Letters are not case-sensitive.