Incluir JQuery DatePicker en un TextBox de ASP .Net

Muchas veces queremos mejorar o personalizar nuestras páginas web por lo que usamos librerías prediseñadas como JQuery, JavaScript, Dojo, CSS, entre otros tipos de tecnologías que nos permiten optimizar la apariencia de los sitios web o de los sistemas personalizados.

Un caso muy importante es cuando queremos mejroar el diseño de el ingreso de la fechas que en muchos sitemas se realizararían con un datepicker en el caso de ASP .Net, sin embargo, con la ayuda de JqueryUI podemos mejorar el aspecto normal que nos brinda el componente del Framework de .Net a un componente más vistoso y adornado.

Acontinuación veremos como se emplea este componente:
1° Tener las siguientes librerías JavaScript y Jquery:

• JQuery UI 
• JQuqery 

Para los estilos también puedes agregar JQuery CSS, para modificar de acuerdo a formas personalizadas.

 
Las librerías se deben agregar al webform o al masterpage según su uso.Jalamos un texbox y le asignamos un nombre que posteriormente servirá como enlace.



Una vez que tenemos las librerías lo que debemos hacer es incrustar el siguiente código dentro del formulario web, este código nos permitirá hacer referencia al textbox.

 
Con este código hacemos referencia al texbox y a las propiedades del date picker. de Jquery. 

2° Asignamos animación al textbox.

Para realizar la animación del datepicker, genramos el siguiente código.


3° Observación de Resultados:

Así de fácil es la integración de un datepicker con un textbox para mejorar la apariencia de las fechas.

 
 


Espero que les sirva de utilidad, dejen sus consultas.