<script>
var d=new Date();
var riqi=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
var time=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
</script>
日期:<input type='text' onfocus="this.value=riqi;"/><br />
时间:<input type='text' onfocus="this.value=time;"/><br />
var d=new Date();
var riqi=d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate();
var time=d.getHours()+":"+d.getMinutes()+":"+d.getSeconds();
</script>
日期:<input type='text' onfocus="this.value=riqi;"/><br />
时间:<input type='text' onfocus="this.value=time;"/><br />
function getTime()
{
var d=new Date();
var intHouse = getFormat(d.getHours(),false);
var intM = getFormat(d.getMinutes(),false);
var intS = getFormat(d.getSeconds(),false);document.getElementById('time').value = intHouse+":"+intM+":"+intS;
}function getDate()
{
var d=new Date();var intmonth = getFormat(d.getMonth(),true);
var intDay = getFormat(d.getDate(),false);
document.getElementById('date').value=d.getFullYear()+"-"+intmonth+"-"+intDay;}function getFormat(intmonth, isMonth)
{
if(isMonth)
{
if((intmonth+1) <10)
{
intmonth = "0"+ (intmonth+1).toString();
}
else
{
intmonth = intmonth+1;
}
}
else
{
if(intmonth <10)
{
intmonth = "0"+ intmonth.toString();
}
else
{
intmonth = intmonth;
}
}
return intmonth;}</script>
日期:<input id = "date" type='text' onfocus="getDate();"/><br />
时间:<input id = "time" type='text' onfocus="getTime();"/><br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT=""><script>
function isTime(str){
var a = str.match(/^(\d{0,2}):(\d{0,2}):(\d{0,2})$/);
if (a == null) return false;
if (a[1]>=24 || a[2]>=60 || a[3]>=60) return false;
return true;
}
function isDateTime(str){
var a = str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2}) (\d{0,2}):(\d{0,2}):(\d{0,2})$/);
if (a == null) return false;
if ( a[2]>=13 || a[3]>=32 || a[4]>=24 || a[5]>=60 || a[6]>=60) return false;
return true;
}
function isDate(str){
var a = str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})$/);
if (a == null) return false;
if ( a[2]>=13 || a[3]>=32 || a[4]>=24) return false;
return true;
}
function validate(obj,type){
var range=obj.createTextRange();
var text = range.text;
var selrange = document.selection.createRange();
var seltext = selrange.text;
var startpos = 0,endpos = 0;
while(selrange.compareEndPoints("StartToStart",range)>0){
selrange.moveStart("character",-1);
startpos ++;
}
while(selrange.compareEndPoints("EndToStart",range)>0){
selrange.moveEnd("character",-1);
endpos ++;
}
if(event.keyCode>=48){
var keytext = String.fromCharCode(event.keyCode);
text = text.substring(0,startpos) + keytext + text.substring(endpos,text.length);
}else if(event.keyCode == 46){//delete
if(startpos == endpos)text = text.substring(0,startpos) + text.substring(startpos+1,text.length);
else text = text.substring(0,startpos) + text.substring(endpos,text.length);
}else if(event.keyCode == 8){
if(startpos == endpos)text = text.substring(0,startpos-1) + text.substring(startpos,text.length);
else text = text.substring(0,startpos) + text.substring(endpos,text.length);
}
if(event.keyCode == 45){
event.returnValue = false;
return;
}
var valid;
switch(type){
case 1:valid = isDate(text);break;
case 2:valid = isTime(text);break;
case 3:valid = isDateTime(text);break;
default:valid = false;
}
if(!valid){
event.returnValue = false;
}
}
</script>
把上面这段代码放在web页面的任何位置即可。
使用方法:
日期验证框:<input onkeyDown="validate(this,1)" value="0000-00-00"> 时间验证框:<input onkeyDown="validate(this,2)" value="00:00:00"> 日期时间验证框:<input onkeyDown="validate(this,3)" value="0000-00-00 00:00:00">
我们可以测试一下。
在页面上加入以下内容:
<input id="date" onkeydown="validate(this,3)" value="0000-00-00 00:00:00">
然后你可以尝试向这个输入框内输入任何内容,看看效果如何吧。
</HEAD><BODY>
<form method="post" action="">
<div></div>
</form>
</BODY>
</HTML>