Foros del Web » Programando para Internet » Javascript »

Calendario generado dinámicamente con javascript

Estas en el tema de Calendario generado dinámicamente con javascript en el foro de Javascript en Foros del Web. Hola! Estoy intentando generar un calendario para seleccionar una fecha y una hora con javascript. He encontrado muchos ejemplos del siguiente estilo que funcionan: Código: ...
  #1 (permalink)  
Antiguo 04/02/2008, 05:58
lfc
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 17 años
Puntos: 0
Calendario generado dinámicamente con javascript

Hola!

Estoy intentando generar un calendario para seleccionar una fecha y una hora con javascript. He encontrado muchos ejemplos del siguiente estilo que funcionan:

Código:
<form>
  <input type="text" id="date" name="date" />
  <input type="button" id="butt" value="..." />
</form>

<script type="text/javascript">
  Calendar.setup(
    {
      inputField  : "date",
      ifFormat    : "%d/%m/%Y",
      button      : "butt"
    }
  );
</script>
Pero lo que yo quiero hacer es lo siguiente (dentro de un script y habiendo incluido los .js i .css necesarios):

Código:
txt = document.createTextNode('Start Time: ');
divdest.appendChild(txt);
st = document.createElement('input');
st.name = 'txtdate';
st.value = '';
divdest.appendChild(st);
butt = document.createElement('button');
butt.value = '...';
butt.id = 'butt';
divdest.appendChild(butt);

var cal = new Calendar.setup({
	inputField     :    'txtdate';,     // id of the input field
	singleClick    :     false,     // require two clicks to submit
	ifFormat       :    '%a, %b %e, %Y [%I:%M %p]',     // format of the input field
	showsTime      :     true,     // show time as well as date
	button         :    'butt';  // trigger button 
});
(divdest es un div que he creado anteriormente)
Pero esto no funciona, si alguien me pudiera decir como hacer para crear un calendario generado completamente con javascript (sin la necesidad de definir los inputs con html).

Muchas gracias!!!!
  #2 (permalink)  
Antiguo 04/02/2008, 09:16
 
Fecha de Ingreso: agosto-2005
Mensajes: 18
Antigüedad: 19 años, 5 meses
Puntos: 0
Re: Calendario generado dinámicamente con javascript

Has probado capturando primero el elemento div con algo como elemento=document.getElementById(divdest); ( creo que era asi)
y despues
elemento.appendChild(txt);
.
.
.
  #3 (permalink)  
Antiguo 05/02/2008, 01:37
lfc
 
Fecha de Ingreso: febrero-2008
Mensajes: 23
Antigüedad: 17 años
Puntos: 0
Re: Calendario generado dinámicamente con javascript

Bueno, de hecho divdest es el resultado de hacer un document.createElement('div'), o sea que no es necesario hacer el document.getElementById(divdest.id). Pero gracias de todos modos. Además ya he encontrado por la red otro calendario que me ha servido, por si a alguien le interesa se llama rich_calendar, y aunque su apariencia no es muy "bonita" (el color de fondo es verde fosforito), espero poder cambiarla. Aún no he trabajado muy con él, pero supongo y espero que sea configurable facilemente!!!

Muchas gracias de todos modos!

Saludos!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:08.