»
EnglishFrenchVietnamese

Print - Jason's Date Input Calendar - JavaScriptBank.com

Full version: jsB@nk » Time » Calendar » Jason's Date Input Calendar
URL: https://www.javascriptbank.com/jason-date-input-calendar-index.html

Jason's Date Input Calendar © JavaScriptBank.comJason's Date Input Calendar is designed specifically to make entering date values into forms as easy as can be! It's different from most other similar scripts in the following two ways: + The script generates not only the popup calendar to easily select a date, but the corresponding form field as well, made up of select menus and text boxes. + The script then creates a corresponding hidden field containing the actual chosen date for easy passing along with the rest of your form.In other words, this script takes the hassle out of not only selecting a date inside forms, but creating the appropriate HTML and packaging that value for easy passing as well!Other features of this script are: + Works around IE's bug of select-lists showing through layers. + Supports multiple calendar inputs in the same form/page. + Allows date input either via the popup calendar, or by the user directly inputting the desired date (via select menu and text box).The script works in all modern browsers- IE5+, NS6/ Firefox, Opera 7+. Nice!

Full version: jsB@nk » Time » Calendar » Jason's Date Input Calendar
URL: https://www.javascriptbank.com/jason-date-input-calendar-index.html



JavaScript
<script type="text/javascript" src="calendarDateInput.js"></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<form><script>DateInput('orderdate', true, 'DD-MON-YYYY')</script><input type="button" onClick="alert(this.form.orderdate.value)" value="Show date value passed"></form><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


Files
http://javascriptbank.com/javascript/time/Jason_Date_Input_Calendar/calendar.jpghttp://javascriptbank.com/javascript/time/Jason_Date_Input_Calendar/calendarDateInput.jshttp://javascriptbank.com/javascript/time/Jason_Date_Input_Calendar/next.gifhttp://javascriptbank.com/javascript/time/Jason_Date_Input_Calendar/prev.gif