Validar javascript con variables php de una consulta

[kimmy]

Hola amigos:

Tengo que validar 2 fechas con unas variables de php. Estos son los campos:

Código HTML:

<label for="input-diez" class="float"><strong>Llegada:</strong></label>
<label class="float"><input type="text" id="datepicker_1" name="llegada" class="fechador" ></label>
<br />
<label for="input-once" class="float"><strong>Salida:</strong></label>
<label class="float"><input type="text" id="datepicker_2" name="salida" class="fechador" ></label>
 

y realice esta funcion javascript con las variables que vienen de la consulta:

Código Javascript:

function rango(){
    var desde_plan= "<?php echo $desde_plan; ?>";
    var hasta_plan= "<?php echo $hasta_plan; ?>";
    var llegada = document.form1.llegada.value;
    var salida = document.form1.salida.value;
 
    if(llegada >= desde_plan && salida <= hasta_plan) {
        alert ('Fecha no está dentro del plan seleccionado. Escoger fechas entre el ' + desde_plan + ' hasta el ' + hasta_plan);
    }
    
};
 

no se si es correcto esto porque cuando le coloco en el boton submit el onclick="rango();" no hace nada.

Cómo puedo hacer esto?

[mark1829]

La sintaxis que usas para asignar variables PHP a variables JS, esta bien!
Deberias estar seguro que las variables PHP tienen valor. Te recomiendo que hagas un alert de las variables JS. Saludos.

[kimmy]

Gracias mark. Las verifiqué y si están pasando adecuadamente tanto las de php como las js. Creo que lo que está mal es la validación en el if....

[carlos_belisario]

el problema creo que esta en que estas comparando cadenas y no fechas y mientras estes haciendo esto no habrá una buena validación

[utan]

Código Javascript:

function rango(){
            var desde_plan= "<?php echo $desde_plan; ?>";
            var hasta_plan= "<?php echo $hasta_plan; ?>";
            var llegada = document.form1.llegada.value;
            var salida = document.form1.salida.value;
            
            if(llegada >= desde_plan && salida <= hasta_plan) {
                alert ('Fecha no está dentro del plan seleccionado. Escoger fechas entre el ' + desde_plan + ' hasta el ' + hasta_plan);
            }
            
        };
 

A mi parecer si el condicional te da a falso no te dara ninguna alerta..
ahora si en las pruebas que le das tratas con fechas que te darian un verdadero como condicional..

Y aun asi no te da ninguna alerte , me fijaria si las variable son the la misma clase ya que las que as creado con php son strings y las otras pues no se sabe que clase seran , si son

integres es posible que no este Javascript probando correctamente..

Sin saber que contienen es muy dificil dar una respuesta apropiada..

[kimmy]

Es cierto, creo que esta mal porque se comparan cadenas y no fechas. Pero no se como las llevo a formato de fechas???

[carlos_belisario]

con el objeto Date

verifica el link ahí hay buenos ejemplos, saludos

[kimmy]

Gracias. Yo traté de ponerlo asi en la variable php:

Código Javascript:

var desde_plan= "<?php echo $desde_plan; ?>";
    var desde_plan = new Date(Date.parse(desde_plan));
    var hasta_plan= "<?php echo $hasta_plan; ?>";
    var hasta_plan = new Date(Date.parse(hasta_plan));
 

pero me da "Thu Jul 26 2012 19:30:00 GMT-0430".

Ahorita mis variables php me traen las fechas asi:

2012-08-10 y 2012-09-10 (por ejemplo)

y las javascript son asi:

2012-08-15 y 2012-08-20

No debería funcionar???

Por favor explicame porque no entiendo nada de javascript con esto de las fechas.

Gracias.

[kimmy]

Tengo 15 dias tratando de resolver esto y de verdad no entiendo.

Por favor si ustedes que tienen tanto conocimiento me lo pueden explicar se los agradezco.

Yo lo que quiero es que dos fechas que selecciono en 2 select se comparen con las dos fechas que tengo en mysql y si no están dentro de ese rango, poder dar un mensaje de que las fechas no están en el rango.

Traté de usar la función que mostré en el post anterior pero no me funciona....

[Triby]

Iniciado por kimmy

Ahorita mis variables php me traen las fechas asi:

2012-08-10 y 2012-09-10 (por ejemplo)

y las javascript son asi:

2012-08-15 y 2012-08-20

No debería funcionar???

Si las fechas de PHP y Javascript las tienes ya en el mismo formato (yyyy-mm-dd) entonces sólo necesitas convertirlas a timestamp para comparar:

Código PHP:

// Fechas en php:
$php_ini = strtotime('2012-08-10');
$php_fin = strtotime('2012-08-20');
 
// Fechas javascript
$js_ini = strtotime('2012-08-15');
$js_fin = strtotime('2012-08-20');
 
if($js_ini < $php_ini) {
    // La fecha seleccionada está fuera de rango, antes del inicio válido
}
if($js_fin > $php_fin) {
    // La fecha seleccionada está fuera de rango, después del fin válido
}
 

Si quieres puedes comparar por separado, o usando || y simplemente enviando un mensaje de error 'La fecha debe estar entre (fecha inicio) y (fecha fin)'

[kimmy]

pero no entiendo, esto va en la funcion javascript??? Lo puse asi pero no funciona:

Código PHP:

$php_ini = strtotime($desde_plan);
$php_fin = strtotime($hasta_plan);
 

Código Javascript:

function rango(){
        var desde_plan= "<?php echo $php_ini; ?>";
        var hasta_plan= "<?php echo $php_fin; ?>";
        
        
        var llegada = document.form1.llegada.value;
        var salida = document.form1.salida.value;
        
        js_ini = strtotime(llegada);
        js_fin = strtotime(salida);
        
        if(js_ini < desde_plan) {
       alert('La fecha seleccionada está fuera de rango, antes del inicio válido');
        }
        if(js_fin > hasta_plan) {
        alert('La fecha seleccionada está fuera de rango, después del fin válido');
        }
    };
 

[Triby]

Para obtener la fecha como timestamp en Javascript sólo necesitas:

Código Javascript:

js_ini = new Date(llegada).gettime();
js_fin = new Date(salida).gettime();
 
// Debes comparar cada fecha js con los límites válidos
if(js_ini < php_ini || js_ini > php_fin) {
    // Fuera de rango, ya sea antes del inicio o después del final
}
 

[kimmy]

Gracias triby pero parece que no me funciona la conversion de las fechas en javascript porque al hacer un alert(js_ini) no me muestra nada y si lo hago sin la conversion si me muestra la fecha asi por ejemplo: 2012-08-10.

????

[kimmy]

Ya lo arreglé, era que estaba colocando mal el gettime y era getTime.

Ahora estoy tratando de que me funcionen los if.

Gracias ;)

[kimmy]

No entiendo porque no me valida la funcion. Quedó asi:

Código Javascript:

function rango(){
    var desde = "<?php echo $desde_plan; ?>";
    var hasta = "<?php echo $hasta_plan; ?>";
        
        var desde_plan= "<?php echo $php_ini; ?>";
        var hasta_plan= "<?php echo $php_fin; ?>";
        
        var llegada = document.form1.llegada.value;
        var salida = document.form1.salida.value;
        
    js_ini = new Date(llegada).getTime();
    js_fin = new Date(salida).getTime();
        
        
    if((js_ini < desde_plan) || (js_fin > hasta_plan)) {
            alert('Fecha seleccionada fuera de rango, seleccionar fechas entre '+ desde +' hasta ' + hasta);
        document.form1.llegada.focus();
        return false;
        }
};
 

En las variables arroja esto:

desde 1345161600
js_ini 1346716800000
hasta 1347753600
js_fin 1346716800000

Será por esto???

Estoy desde la madrugada con esto pero no se porque no funciona

????

[Dradi7]

En esta parte de tu codigo en vez de esto

if((js_ini < desde_plan) || (js_fin > hasta_plan))

no seria esto

if((js_ini < desde_plan) && (js_fin > hasta_plan))

[kimmy]

Cuando la coloco asi, no pasa nada es decir, asi coloque fechas fuera del rango permitido no las valida.

Yo pienso pueden ser las variables

Tu que crees???

[Dradi7]

Una consulta en tu codigo veo esto

desde
hasta

desde_plan
hasta_plan

js_ini
js_fin

en el ejemplo que tu pusiste

desde 1345161600
js_ini 1346716800000
hasta 1347753600
js_fin 1346716800000

no seria mejor que valides asi

if((js_ini < desde) || (js_fin > hasta))

[kimmy]

realmente el resultado es:

desde_plan 1345161600
js_ini 1346716800000
hasta_plan 1347753600
js_fin 1346716800000

el desde y hasta guarda las variables en formato 2012-08-09 (por ejemplo) y solo lo uso para mostrar el mensaje

[Dradi7]

Creo que tu error esta al comparar un String con un Number trata de poner esto en estas variables

var desde_plan= parseFloat("<?php echo $php_ini; ?>");
var hasta_plan= parseFloat("<?php echo $php_fin; ?>");

[kimmy]

lo coloqué como me indicas pero no funciona. Voy a montarlo en internet para ver que arroja el codigo:

http://vamonosdevacaciones.com.ve/co...otizar=Cotizar

[Dradi7]

Primero un error esta que tanto en PHP como en Javascript cuando pongas las mismas fechas en ambos los resultados son diferentes ejm:

Código PHP:

echo strtotime("2012-09-03");
//esto devolvera 1346648400
 

en Javascritp al hacer esto

Código Javascript:

var fecha = new Date("2012-09-03").getTime();
//esto te devolvera 1346630400000
 

para que en PHP te devuelva la manera correcta debes hacer lo siguiente

Código PHP:

date_default_timezone_set('UTC');
echo strtotime(date('Y-m-d'))*1000;
 

Asi te estara devolviendo la fecha correcta y podras comparar de una manera correcta las fechas que te devuelve el PHP y el JavaScript.

En cuanto a tu validación

if(js_ini < desde_plan || js_fin > hasta_plan)

trata de hacerlo de la siguiente forma

[kimmy]

Lo que me indicaste de php me arroja esto: 1.3466304E+12 osea que para nada se puede comparar con las variables de javascript.

Ya no se que mas poner......

[Dradi7]

estas segura a mi me vota este resultado cuando pruebo con esto strtotime("2012-09-03")*1000

1346630400000 lo mismo que cuando hago new Date("2012-09-03").getTime()

eso debe ser el error con esto ya no te estaria saliendo el alert aunque pongas la fecha correcta o incorrecta

[kimmy]

Me sigue dando asi 1.3477536E+12. Sera porque mis datos en mysql son tipo date?

[Dradi7]

Bueno entonces hazlo al revés

Código PHP:

echo strtotime(date('Y-m-d'))*1000;
//cambialo por como estaba antes
echo strtotime(date('Y-m-d'));
 

y en tu JS

Código Javascript:

new Date(llegada).getTime()/1000
new Date(salida).getTime()/1000
 

[Triby]

Código PHP:

var desde_plan= <?php echo $php_ini; ?>; // Quita las comillas para que sea un entero
        var hasta_plan= <?php echo $php_fin; ?>; // Igual aquí
 
        var llegada = document.form1.llegada.value;
        var salida = document.form1.salida.value;
 
       // Yo preferiría buscar por id, por compatibilidad entre navegadores
       var llegada = document.getElementById('datepicker_1').value;
       // Y ya que estás usando jquery, puedes hacerlo así:
       var salida = $('#datepicker_2').value;
       
    js_ini = new Date(llegada).getTime() / 1000;
    js_fin = new Date(salida).getTime() / 1000;
 
    // Compruebas si los números a comparar están correctos
    alert(desde_plan + ' - ' + hasta_plan + '\n' + js_ini + ' - ' + js_fin);
 

[kimmy]

Muchas gracias Triby, ahora si funciona....