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.....