Full version: jsB@nk » Time » Clock » Date with Time in Textbox
URL: https://www.javascriptbank.com/date-with-time-in-textbox.html
This 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
<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-->
<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-->