»
EnglishFrenchVietnamese

Print - Date with Time in Textbox - JavaScriptBank.com

Full version: jsB@nk » Time » Clock » Date with Time in Textbox
URL: https://www.javascriptbank.com/date-with-time-in-textbox.html

Date with Time in Textbox © JavaScriptBank.comThis JavaScript displays current date in a textbox and it will display current time when visitors move mouse over it.

Full version: jsB@nk » Time » Clock » Date with Time in Textbox
URL: https://www.javascriptbank.com/date-with-time-in-textbox.html



JavaScript
<SCRIPT LANGUAGE="JavaScript"><!-- Beginfunction printDate(){  var today = new Date();  var day=today.getDate();  var month = today.getMonth() + 1;  var year = today.getFullYear().toString();  var box=document.forms[0].DateBox;//this is where we want to print the date  if ( ( month /10 ) < 1 )  {    month=("0" + month).toString(); //add the leading 0 -- looks more professional  }  if ( (day/10)<1)  {    day=("0" + today.getDate()).toString();//add the leading 0 -- looks better  }  box.value=month + " - " + day + " - " + year;}function printTime(){  var box = document.forms[0].DateBox; //this is where we want to print the date  var thetime=new Date();  if (thetime.getMinutes() / 10 <1 )  {    box.value=thetime.getHours() + " : " + "0" + thetime.getMinutes();  }  else  {    box.value=thetime.getHours() + " : " + thetime.getMinutes();  }}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<BODY onLoad="return printDate()"><form name="stats"> Date/Time<br><input type="text" readonly="readonly"  name="DateBox" size="10" onmouseover="printTime();" onmouseout="printDate();"><br><font size="1">Mouse over to see time</font></input></form></body><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->