viernes, 25 de mayo de 2012

jQuery datepicker y asp.net

Pues me puse a investigar como usar el datepicker de jQuery, ya que creo que es mas ligero que el de ajax.

Y en la implementación tenia que deshabilitar la entrada manual al textbox, pero o sorpresa, no se puede usar la opción de readonly, o de enabled del textbox, por que si no no funciona esto, y la solucion, la tenia también jQuery, resumamos el requerimiento

  • Bloquear el textbox
  • Formatear la fecha
  • disparar funcionalidad al seleccionar la fecha
  • Mostrar el datepicker a partir de una imageny aquí esta el código:
$('#txtFInicio').attr('disabled', true);
$('#txtFFinal').attr('disabled', true);
//Agregar datepickers
var imgurl = '<%= ResolveUrl("~/Images/calon.gif") %>';
$('#txtFInicio').datepicker({
showOn: 'button', buttonImageOnly: true, buttonImage: imgurl
, dateFormat: 'yy-mm-dd'
, onSelect: function () {
//Si la fecha final tiene valor, validar la fecha inicial
if ($('#txtFFinal').val() != "") {
if (!validaFechas($('#txtFInicio').val(), $('#txtFFinal').val())) {
alert("La fecha final debe ser mayor a la fecha inicial");
$('#txtFInicio').val("");
}
}
}
});

Para obtener la url de la imagen sin problemas uso la siguiente linea:


var imgurl = '<%= ResolveUrl("~/Images/calon.gif") %>';

El metodo ResolveURL es un metodo de .Net que convierte la url en algo entendible, ya que como recordaran la tilde ~ nos manda a raíz del directorio, pero eso no lo interpreta el html, si no .Net, y esta rutina se encarga de convertirlo en algo que el html pueda interpretar.

Bueno eso es todo lo necesario

No hay comentarios:

Publicar un comentario