Popup que muestre calendario y seleccionar fecha...

garciamod270304 · #1 (**permalink**) 08/12/2007, 11:58

Saludos a todos. En realidad necesito un popup donde pueda llamarlo desde cualquier enlace de una página y me muestre un calendario para seleccionar la fecha y dicha fecha ser enviadad a un campo text de otra página... Gracias por su atención.

caricatos · #2 (**permalink**) 08/12/2007, 12:10

Hola:

Puedes probar el de esta página: Fechas.

Saludos

garciamod270304 · #3 (**permalink**) 08/12/2007, 21:44

Saludos... El ejemplo que está en el enlace (Fechas.), funciona perfecto y es el que ando buscando, sobre todo en el título que dice Calendario en pop-up. Alli me explica que debo poner el script del calendario en una página nueva con el calendario en él y que la función asociada devuelva la fecha seleccionada al sitio deseado. Entiendo que copio el código del fichero Calendario.js y lo pego en una página nueva(popup.html), lo que no entiendo es: "...con el calendario en él y que la función asociada devuelva la fecha seleccionada al sitio deseado".

Cree una página llamada index.asp con el formulario y los dos botones que llaman al pop-up. Al pulsar el boton de entrada, me llama a la página popup.html, pero no me muestra nada, lo muestra en blanco. Por favor, me gustaría que me explicaras mas detallado el ejemplo y disculpame por no entender bien el mismo.

caricatos · #4 (**permalink**) 09/12/2007, 01:55

Hola:

Tal vez hubiera sido mejor que bajaras el script y copiaras también el código del popup.
En el popup enlaza con la librería: <script src="calendario.js"...>, y en el body llama a la fución calendar con estas líneas:

Código:

<body>
<script type="text/javascript" >
<!--
_hoy = new Date();
document.writeln(calendar(_hoy.getMonth(), _hoy.getFullYear(), "calendario1", "seleccionaFecha"));
//-->
</script>

</body>

Solo faltaría en el popup definir el código "seleccionaFecha" y la inicialización, que en el ejemplo lee la url para obtener el destino de la fecha seleccionada... Fíjate que las llamadas son:

Código:

<button type="button" onclick="window.open('popup.html?destino=ej.entrada', '_blank', 'width=277,height=202')">
rellenar entrada
</button>

En la url "popup.html" se le añade la variable destino codificada como formulario.campo, podrías simplificarlo solo con el id...

Trata de hacerlo, y si te trabas en algo, no dudes en preguntar.

Saludos

garciamod270304 · #5 (**permalink**) 10/12/2007, 17:49

Mas claro no puede estar tu explicación, de verdad muchas gracias por ayudarme en el popup, solo tengo que modificarlo a mi gusto y si puedes decirme como traer la fecha en este formato 01/04/2007 pues el popup lo trae de la siguiente manera 1/4/2007. De todas manera me leere el código para ver si puedo resolverlo.

caricatos · #6 (**permalink**) 11/12/2007, 02:08

Hola:

Podrías retocar el código:

Código:

function seleccionaFecha(dd, mm, aa)	{

	function formato(dato) {
		return (dato.length == 1) ? "0" + dato: dato;
	}

	var volver = formato(dd) + "/" + formato(mm) + "/" + aa;
	if (opener)	{
		opener.document.forms[formDestino][campoDestino].value = volver;
		window.close();
	}
	else	alert("año: " + aa + "\nmes: " + mm + "\ndia: " + dd);
}

Saludos