Tecnología

Inicio

¿Cómo hacer un calendario Java Script para una página web

¿Cómo hacer un calendario Java Script para una página web


Los calendarios son una petición común en los sitios web, y la creación de un calendario a partir de cero con el lenguaje Java no es una tarea sencilla. Afortunadamente, muchos desarrolladores han encontrado con este problema antes, y han construido bibliotecas de código JavaScript que contienen calendarios - entre muchos otros widgets y funciones - que se pueden agregar a su sitio web con el mínimo esfuerzo.

El kit de herramientas Dojo es un tal biblioteca, y es bastante fácil de incluir en cualquier aplicación Web. Mientras Dojo cuenta con una gran cantidad de otras funciones avanzadas, la adición de un calendario a su sitio es simple y sin dolor.

Instrucciones

1 Hacer referencia al conjunto de herramientas Dojo en su página web, ya sea mediante la descarga de todo el conjunto de herramientas y añadiendo una referencia local, o mediante el uso de una red de entrega de contenidos (CDN) de esta manera:

<Script type = "text / css" href = "http://ajax.googleapis.com/ajax/libs/dojo/VERSION/dijit/themes/tundra/tundra.css" />

(Una vez más, reemplazar a la versión con el número de versión que está utilizando.)

Para completar el estilo, añada un atributo "clase" a su cuerpo de la etiqueta:

<Body class = "tundra">

...

Esto asegurará que su calendario está formateado correctamente.

3 Agregue la siguiente sección de JavaScript para la cabeza de su página web para cargar los recursos necesarios para el calendario:

<Script type = "text / javascript">

dojo.require("dijit.dijit");

dojo.require ( "dijit.Calendar");

</ Script>

4 Crear un div dentro de su página web para colocar su calendario:

<Div dojoType = "dijit.Calendar" id = "MyCalendar">

</ Div>

Consejos y advertencias

  • El Calendario Dojo tiene un montón de opciones - por ejemplo, el establecimiento de una fecha inicial o deshabilitar los fines de semana. Asegúrese de revisar la documentación de Dojo de lo que está disponible.
  • Dojo también proporciona una versión experimental, pero mucho mayor del calendario en su paquete dojox.widgets. Una vez que el cuelgue de trabajar con el kit de herramientas Dojo, mira en la dojox.widget.Calendar una alternativa más robusta.