Cómo agregar un cuadro emergente de hora en Dreamweaver

¿Quieres este efecto?

lt;script language=javascriptgt;

var DS_x, DS_y;

función dateSelector( ) //Construya un objeto dateSelector para implementar un cuadro de entrada de fecha en forma de calendario.

{

var myDate=new Date();

this.year=myDate.getFullYear() //Definir atributo de año, año, valor predeterminado es el año actual del sistema.

this.month=myDate.getMonth() 1; //Defina el atributo de mes, mes, y el valor predeterminado es el mes actual del sistema.

this.date=myDate.getDate(); //Defina el atributo de fecha, día, y el valor predeterminado es el día del sistema actual.

this.inputName=''; //Defina el atributo inputName, que es el nombre del cuadro de entrada. El valor predeterminado está vacío. Nota: Aparecen varios cuadros de entrada de fechas en la misma página y no puede haber nombres duplicados.

this.display=display; //Defina el método de visualización para mostrar el cuadro de entrada de fecha.

}

función display() //Defina el método de visualización de dateSelector, que implementará un cuadro de selección de fecha en forma de calendario.

{

var semana=new Array('Día', 'Uno', 'Dos', 'Tres', 'Cuatro', 'Cinco', 'Seis');

document.write("lt; estilo tipo=text/cssgt;");

document.write(" .ds_font td, span { fuente: normal 12px Song Dynasty; color : #000000; }");

document.write(" .ds_border { borde: 1px sólido #000000; cursor: mano; color de fondo: #DDDDDD }");

document.write(" .ds_border2 { borde: 1px sólido #000000; cursor: mano; color de fondo: #DDDDDD }");

document.write("lt;/stylegt;");

document.write("lt;input style='text-align:center;' id='DS_" this.inputName "' name='" this.inputName "' value='" this. año "-" this.month "-" this.date "' title=Haga doble clic para editar ondblclick='this.readOnly=false; this.focus()' onblur='this.readOnly=true' readonlygt;") ;

document.write("lt; estilo del botón='ancho: 60px; alto: 18px; tamaño de fuente: 12px; margen: 1px; borde: 1px sólido #A4B3C8; color de fondo: #DFE7EF ; ' type=button onclick=this.nextSibling.style.display='block' onfocus=this.blur()gt;Seleccione fechalt;/buttongt;");

document.write("lt; estilo div='posición: absoluta; visualización: ninguna; alineación de texto: centro; ancho: 0px; desbordamiento: visible' onselectstart='return false; .write("lt;div style='posición:absoluta;izquierda:-60px;arriba:20px;ancho:142px;alto:165px;color de fondo:#F6F6F6;borde:1px sólido #245B7D;' clase=ds_fontgt; ");

document.write(" lt; tabla cellpadding=0 espacio entre celdas=1 ancho=140 alto

ht=20 bgcolor=#CEDAE7 onmousedown='DS_x=event.x-parentNode.style.pixelLeft;DS_y=event.y-parentNode.style.pixelTop;setCapture();'onmouseup='releaseCapture();' dsMove(this.parentNode)' style='cursor：move;'gt;");

document.write("lt;tr align=centergt;");

documento .write("lt;td width=12 onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=subYear(this) title='Reducir año'gt;lt;lt;lt;/tdgt ; ");

document.write(" lt; td width=12 onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=subMonth(this) title='Reducir mes ' gt;lt;lt;/tdgt;");

document.write("lt;td width=52gt;lt;bgt;" este.año "lt;/bgt;lt;bgt ;añolt ;/bgt;lt;bgt;" this.month "lt;/bgt;lt;bgt;monthlt;/bgt;lt;/tdgt;");

document.write( "lt;td width=12 onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=addMonth(this) title='Agregar mes'gt;gt;lt;/tdgt;");

document.write(" lt;td width=12 onmouseover=this.className='ds_border' onmouseout=this.className='' onclick=addYear(this) title='Agregar año'gt;gt;gt ;lt;/ tdgt;");

document.write("lt;/trgt;");

document.write("lt;/tablegt;");

document.write(" lt; tabla cellpadding=0 cellpacing=0 ancho=140 alto=20 onmousedown='DS_x=event.x-parentNode.style.pixelLeft; DS_y=event.y-parentNode.style .pixelTop;setCapture ();'onmouseup='

releaseCapture();'onmousemove='dsMove(this.parentNode)' style='cursor: move;'gt;");

document.write("lt;tr align=centergt;");

for(i=0;ilt;7;i)

document.write(" lt;tdgt;" semana[i] "lt;/tdgt;");

document.write("lt;/trgt;");

document.write("lt;/tablegt;");

document.write( "lt;table cellpadding=0 cellpacing=2 width=140 bgcolor=#EEEEEEgt;");

for(i=0;ilt;6;i)

{

p>

document.write("lt;tr align=centergt;");

for(j=0;jlt;7;j)

document.write( "lt；td width=10 height=16 onmouseover=if(this.innerText!=''&this.className!='ds_border2')this.className='ds_border' onmouseout=if(this. className!= 'ds_border2')this.className='' onclick=getValue(this, document.all('DS_" this.inputName "'))gt;lt;/tdgt;");

document.write ("lt;/trgt;");

}

document.write("lt;/tablegt;");

document. write(" lt;span style=cursor:hand onclick=this.parentNode.parentNode.style.display='none'gt;Closelt;/spangt;");

document.write(" lt; /divgt ;");

document.write("lt;/divgt;");

dateShow(document.all("DS_" this.inputName).nextSibling.nextSibling .childNodes [0].childNodes[2], este.año, este.mes)

}

función subYear(obj) //Disminuir el año

{

var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes

myObj[0].inner;

HTML=eval(myObj[0].innerHTML)-1;

dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling, eval(myObj[0].innerHTML), eval(myObj[2] ].innerHTML))

}

función addYear(obj) //Agregar año

{

var myObj=obj.parentNode .parentNode.parentNode.cells[2].childNodes;

myObj[0].innerHTML=eval(myObj[0].innerHTML) 1;

dateShow(obj.parentNode. parentNode.parentNode.nextSibling.nextSibling, eval(myObj[0].innerHTML), eval(myObj[2].innerHTML))

}

función subMonth(obj) // Disminuir mes

{

var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;

var mes=eval(myObj[ 2 ].innerHTML)-1;

if(mes==0)

{

mes=12;

subAño( obj

}

myObj[2].innerHTML=mes;

dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling, eval( myObj); [0].innerHTML), eval(myObj[2].innerHTML))

}

función addMonth(obj) //Agregar mes

{

var myObj=obj.parentNode.parentNode.parentNode.cells[2].childNodes;

var mes=eval(myObj[2].innerHTML)

if(mes==13)

{

mes=1

addYear(obj); p>

myObj[2].innerHTML=mes;

dateShow(obj.parentNode.parentNode.parentNode.nextSibling.nextSibling, eval(myObj[0].innerHTML), eval(myObj[ 2 ].innerHTML))

}

función dateShow(obj, año, mes) //Mostrar el día de cada mes

{

var m

yDate=nueva Fecha(año,mes-1,1);

var hoy=nueva Fecha();

var día=myDate.getDay();

var selectDate=obj.parentNode.parentNode.previousSibling.previousSibling.value.split('-');

var length

switch(mes)

{

caso 1:

caso 3:

caso 5:

caso 7:

caso 8:

caso 10:

caso 12:

longitud=31

descanso

; caso 4:

caso 6:

caso 9:

caso 11:

longitud=30