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") %>';
Bueno eso es todo lo necesario
No hay comentarios:
Publicar un comentario