Cómo instalar el jQuery DatePicker en HTML

JQuery es una biblioteca JavaScript que hace que sea más fácil escribir secuencias de comandos que añaden interactividad y animación a las páginas Web. Desarrollado por las mismas personas que crean jQuery, jQuery UI o interfaz de usuario es una biblioteca de complemento que añade una variedad de herramientas de interfaz útiles a sitios web. Incluido en jQuery UI es la secuencia de comandos selector de fecha, lo que añade un calendario emergente para cualquier campo de texto que desea. Para lograr esto, todo lo que tiene que hacer es añadir los archivos de la biblioteca a su página web y el uso de jQuery para unir el selector de fecha para un campo de formulario especificado

Instrucciones

1 Abra el archivo HTML en el Bloc de notas o un programa de edición de código. Buscar "<script>" etiquetas en el código y comprobar para ver si su página Web incluye las bibliotecas de jQuery y jQuery UI. Utilizar el código para agregar las bibliotecas:

<Script type = "text / javascript> </ script>

<Script type = "text / javascript> </ script>

El código anterior va bien por encima del cierre "</ head>" tag o etiqueta por encima del cierre "</ body>" en el código HTML.

2 Busque el campo de texto que toma las fechas en el código HTML de su forma. Agregue el campo si todavía no existe:

<Label> Fecha: <input type = "text" id = "getdates" /> </ label>

Su campo de texto necesita una identificación si desea agregar el selector de fechas.

3 Volver a sus "<script>" etiquetas y añadir un nuevo conjunto de "<script>" etiquetas bajo el último de la lista. Escribir código jQuery entre los "<script>" etiquetas, comenzando con una función para comprobar si la página ha terminado de cargar:

$ (Function () {

});

Todo el código jQuery debe ir dentro de la función anterior para que no se ejecuta antes de que se carguen todos los elementos de la página.

4 Utilice esta línea de código para unir el selector de fecha para el campo de texto:

$ ( "#") Getdates selector de fechas (.);

Cambiar "getdates" al nombre de identificación del campo de fecha en su formulario.