html日期选择器小日历样式,超漂亮的网页 日期 时间选择器

JS日期输入控件

action="">

name="textfield" onFocus="CalendarWebControl.show(this,true,this.value);">

请输入日期：

onFocus="CalendarWebControl.show(this,false,this.value);">

请输入日期：

function atCalendarControl(){

var calendar=this;

this.calendarPad=null;

this.prevMonth=null;

this.nextMonth=null;

this.prevYear=null;

this.nextYear=null;

this.goToday=null;

this.calendarClose=null;

this.calendarAbout=null;

this.head=null;

this.body=null;

this.today=[];

this.currentDate=[];

this.sltDate;

this.target;

this.source;

this.addCalendarPad=function(){

document.write("

style='position:absolute;top:100;left:0;width:255;height:187;display:none;'>");

document.write("

width=250>

");

document.write("

style='position:absolute;top:2;left:2;width:250;height:187;background-color:#336699;'>

");

document.write("

");

calendar.calendarPad=document.all.divCalendarpad;

}

this.addCalendarBoard=function(){

var BOARD=this;

var

divBoard=document.createElement_x("div");

calendar.calendarPad.insertAdjacentElement("beforeEnd",divBoard);

divBoard.style.cssText="position:absolute;top:0;left:0;width:250;height:187;border:0

outset;background-color:buttonface;";

var

tbBoard=document.createElement_x("table");

divBoard.insertAdjacentElement("beforeEnd",tbBoard);

tbBoard.style.cssText="position:absolute;top:2;left:2;width:248;height:10;font-size:9pt;";

tbBoard.cellPadding=0;

tbBoard.cellSpacing=1;

trRow =

tbBoard.insertRow(0);

calendar.calendarAbout=calendar.insertTbCell(trRow,0,"-","center");

calendar.calendarAbout.title="帮助 快捷键:H";

calendar.calendarAbout.οnclick=function(){calendar.about();}

tbCell=trRow.insertCell(1);

tbCell.colSpan=5;

tbCell.bgColor="#99CCFF";

tbCell.align="center";

tbCell.style.cssText =

"cursor:default";

calendar.head=tbCell;

tbCell=trRow.insertCell(2);

calendar.calendarClose =

calendar.insertTbCell(trRow,2,"x","center");

calendar.calendarClose.title="关闭 快捷键:ESC或X";

calendar.calendarClose.οnclick=function(){calendar.hide();}

trRow =

tbBoard.insertRow(1);

calendar.prevYear =

calendar.insertTbCell(trRow,0,"<

calendar.prevYear.title="上一年

快捷键:↑";

calendar.prevYear.οnmοusedοwn=function(){

calendar.currentDate[0]--;

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source);

}

calendar.prevMonth =

calendar.insertTbCell(trRow,1,"

calendar.prevMonth.title="上一月

快捷键:←";

calendar.prevMonth.οnmοusedοwn=function(){

calendar.currentDate[1]--;

if(calendar.currentDate[1]==0){

calendar.currentDate[1]=12;

calendar.currentDate[0]--;

}

calendar.show(calendar.target,calendar.returnTime,calendar.currentDate[0]+"-"+calendar.formatTime(calendar.currentDate[1])+"-"+calendar.formatTime(calendar.currentDate[2]),calendar.source);

}

calendar.goToday =

calendar.insertTbCell(trRow,2,"今天","center",3);

calendar.goToday.title="选择今天

快捷键:T";

calendar.goToday.οnclick=function(){

if(ca