jsTimeInput

Time Input control with PopUp window. This control is based on JavaScript code and was tested on Netscape and IE platforms. It is fully customized through CSS file. Fill free to mail us any questions. Our email address: contact@web4w3.com

This is an working example. Take your time to play.

Time Input (USA) :

Implementation

• Take ZIP file from here.
• Unzip JavaScript code and Style files into WWW directory.
• Add to HTML page header next two lines for JavaScript and Cascading Style Sheets:
  

  	<link rel="stylesheet"  
  	href="time.css" type="text/css"/>
  	

  and

  	<script language="JavaScript" 
  	src="time.js" type="text/javascript"/>
  	

• In an input form add the text input control with onClick event assigned to "$input(this)".
  

  	<input 
  	name="input_date" type="text" 
  	size="10" maxlength="10" 
  	id="input_time" readonly 
  	onClick="$input(this);"/>
  	

• Enjoy
• Check this: JavaScript input components with PopUp hints.
  • jsDateInput : date input with PopUp calendar.
  • jsTimeInput : time input with PopUp hint.
  • jsCurrencyInput : currency input with PopUp calculator.

Web4W3 team