Validar en JavaScript un WebDateChooser de infragistics

En este momento quiero compartir con ustedes como validar un par de fechas en un formulario web que son obligatorias y que a la vez la fecha final obliga a ser mayor a la fecha inicial. La validación la realizo obteniendo los objetos  

El escenario puede ocurrir cuando realizan una búsqueda en un formulario web o se quiere generar un reporte donde se piden las fechas.

Nota:

Este ejemplo está diseñado con dos controles infragistics WebDataChooser  espero le sea de utilidad.

<asp:ImageButton ID="btnValidarFechas" runat="server" ImageUrl="~/Imagenes/Botones/Generar.gif" OnClientClick="ValidarRangoFechasWebDataChooser" />

 

El botón anterior llama al método JavaScrip ValidarRangoFechasDataChooser cuando el usuario en la pagina web da clic en el Bóton btnValidarFechas

function ValidarRangoFechasWebDataChooser()

{

var cadFechaIni = igdrp_getComboById(‘<%=wdcFechaInicial.ClientID%>’);

var cadFechaFin = igdrp_getComboById(‘<%=wdcFechaFinal.ClientID%>’);

if( cadFechaIni.getText()=="" || cadFechaFin.getText()= ="")

{

strMensajeError = "La fecha inicial y final son obligatorias" ;

alert(strMensajeError);

return;

}

else

{

//array que utilizo para separar dia, mes y año en las fecha inicial

var ArrFechaIni = new Array();

//array que utilizo para separar dia, mes y año en las fecha final

var ArrFechaFin = new Array();

//separo el dia, mes y año en el array para la fecha inicial

ArrFechaIni = cadFechaIni.split("-");

//separo el dia, mes y año en el array para la fecha final

ArrFechaFin = cadFechaFin.split("-");

//agregar un cero a los dias o meses menores a 10

if(ArrFechaIni[1].length==1)

ArrFechaIni[1]= "0" + ArrFechaIni[1];

if(ArrFechaIni[2].length==1)

ArrFechaIni[2]= "0" + ArrFechaIni[2];

if(ArrFechaFin[1].length==1)

ArrFechaFin[1]= "0" + ArrFechaFin[1];

if(ArrFechaFin[2].length==1)

ArrFechaFin[2]= "0" + ArrFechaFin[2];

//uno la cadena de la fecha en formato YYYYMMDD

var cadFechaIni = ArrFechaIni[0]+ ArrFechaIni[1]+ ArrFechaIni[2];

var cadFechaFin = ArrFechaFin[0]+ ArrFechaFin[1]+ ArrFechaFin[2];

//se pasa a numero entero las fechas

cadFechaIni=parseInt(cadFechaIni)

cadFechaFin=parseInt(cadFechaFin)

//compara las fecha inicial y final en formato YYYYMMDD

if (cadFechaFin < cadFechaIni)

{

strMensajeError += " Error la fecha Inicial no puede ser posterior a la fecha final";

alert(strMensajeError);

return;

}

}

}

About omaracostacasas

ING SOFTWARE
This entry was posted in Infragistics. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s