comparar fechas con getElementById

[oscarbt]

Hola a todos, estoy utilizando javascript para comparar dos fechas, y evitar que una sea menor a la otra:

aca el codigo:
Campos:

Código PHP:

<?php
echo "<input  type='text' id='inicio' value='".$fecha."'/>"; //Donde tengo: 01/11/2011 07:00--->
 //Se solicita cambio en una fecha final, pero el usuario o puede cambiar fecha y hora
 //o por ejemplo solo la hora, por tal motivo coloque en cajas aparte la fecha y la hora:
 
 //CAMPO DE LA FECHA
 echo "<input type='text' id='fecfin' Onblur=' ".$validar." ' size='9' value='".$fecfin."' >";
 
 //CAMPO DE LA HORA
 echo "<b>Hora</b>&nbsp;<input type='text' id='horfin' value='".$horfin."' size='4' onFocus='horainput('horfin')' Onchange='".$validar."'>";
 
?>
 

El codigo de la validación:

Código PHP:

<?php
//VALIDACION QUE LE HAGO PARA COMPARAR LAS FECHAS CON JAVASCRIPT
 $validar="var inicio=document.getElementById('inicio').value;
            var b=document.getElementById('fecfin').value;
            var c=document.getElementById('horfin').value;
            var  fin= b+' '+c ;
            alert(fin+' menor a  '+ inicio);
            if(fin<=inicio) 
   { alert('Horario Final debe ser Mayor al inicial');  
 
}";
   //Lo que hago aca es capturar la fecha y hora de fin y los concateno para compararlo
   //con la fecha inicial pero no me esta validando cuando hago un cambio en la fecha
   //si el cambio lo hago en la hora, la validación si funciona          
 
?>
 

De que forma puedo entonces comparar si una fecha es mayor a la otra con getElementById ?

Agradezco me puedan dar alguna indicación.....

[carlos_belisario]

el problema es que si comparas como lo estas indicando la comparación entre fechas no estaría correcta ya que el valor que estas obteniendo es un String, para eso puedes suar el objeto Date(), y hacer comparaciones, te dejo una función

Código Javascript:

function compararFecha(fecha1,fecha2)
{
    var fechaSep = fecha1.split('-');
    var fechaSep2 = fecha2.split('-');
    var indicada = new Date(fechaSep[0],fechaSep[1]-1,fechaSep[2]);
    var indicada2 = new Date(fechaSep2[0],fechaSep2[1]-1,fechaSep2[2]);
    if(indicada > indicada2){
        alert('la fecha1 es mayor a la fecha2');
    }else{
        alert('la fecha 2 es mayor o igual a la fecha1');
    }           
 
}
 

lo unico es que tienes que pasarle los parámetros en el formato 'aaaa-mm-dd', sino tendrias que modificar el indice del array al formato que tengas tu, saludos

[oscarbt]

Gracias, tu respuesta me ha servido de guia, y ya logre validarlo como queria...