Calcular dias y noches entre 2 fechas y mostrar en input text

[kimmy]

Hola, estoy tratando de calcular los dias y noches entre 2 fechas pero no me sale. El form está en este enlace http://vamonosdevacaciones.com.ve/cotizacion.php

Este es mi código:

Código HTML:

<fieldset>
            <legend>Fechas:</legend>
            
            <label for="input-diez" class="float"><strong>Llegada:</strong></label>
            <label><input type="text" id="datepicker_1" name="llegada" class="fechador" /></label>
           
            <label for="input-once" class="float"><strong>Salida:</strong></label>
            <label><input type="text" id="datepicker_2" name="salida" class="fechador"  /></label>
            <label for="input-doce" class="float"><strong>Nº Días y Noches:</strong></label>
            <label><input type="text" id="diferencia" disabled="disabled"></label>
</fieldset>
 

y este es el javascript:

Código Javascript:

function getNumeroDeNits(){
    var d1 = $('datepicker_1').val().split("/");
    var dat1 = new Date(d1[2], parseFloat(d1[1])-1, parseFloat(d1[0]));
    var d2 = $('#datepicker_2').val().split("/");
    var dat2 = new Date(d2[2], parseFloat(d2[1])-1, parseFloat(d2[0]));
 
    var fin = dat2.getTime() - dat1.getTime();
    var dias = Math.floor(fin / (1000 * 60 * 60 * 24))  
 
    return dias;
    document.getElementById("diferencia").value = dias;
}
 

Por qué no funciona?

Gracias

[marlanga]

Instala Google Chrome.
Abre una pestaña con tu página.
Presiona CTRL + ALT + J, y se abrirá una estupenda herramienta de depuración.

Haz click en la pestaña "source".
Haz click en la flechita que sale a la izquierda, y elige el documento donde tienes los scripts.

Te sladrá en medio el código que se ejecuta. Si haces doble click en cualquier linea (encima del número de la linea), pondrás un BREAKPOINT. Refresca la página con F5, y antes de ejecutarse la línea marcada, se "congelará" la ejecución.
Con las flechitas de la derecha podrás avanzar línea a linea, entrar dentro de una función, etc. Practica.

Si pones el ratón encima del nombre de alguna variable, en la ventana de enmedio donde está todo el código, aparecerá una ventana flotante con mucha información sobre esa variable.

Si el programa explota, en la pestaña "console" aparecerán los errores.
Tambien puedes escribir mensajes aposta en esa consola si en cualquier sitio de tu javascript escribes " console.log('mi mensaje'); "

Así se depura un programa.

[kimmy]

Gracias pero no me sale nada en chrome cuando le doy CTRL + ALT + J.

???

[kimmy]

Ya lo encontré al darle inspeccionar elemento. Me sale esto:

(function() {with (this[2]) {with (this[1]) {with (this[0]) {return function(event) {DP_jQuery_1350931635076.datepicker._selectDay('#d atepicker_2',9,2012, this);return false;
};}}}})

No entiendo ni papa

[marlanga]

Perdon, CTRL+SHIFT+J

[kimmy]

Logré el cálculo con esta función:

Código Javascript:

var datepicked = function() {    
var from = $('#datepicker_1');          
var to = $('#datepicker_2');          
var diferencia = $('#diferencia');
var diferencia2 = $('#diferencia2');
                                
var fromDate = from.datepicker('getDate')
var toDate = to.datepicker('getDate')
if (toDate && fromDate) {
    var difference = 0;
    var oneDay = 86400000; //ms per day
    var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay); 
    var difference2 = difference + 1;
    diferencia.val(difference);            
    diferencia2.val(difference2);            
    }  }         
    $(function() {                                    
    $('#datepicker_1, #datepicker_2').datepicker({                         
    onSelect: datepicked  
                   
        });                 
    //document.getElementById("diferencia").value = difference;
       
    });
 

El problema es que me choca con esta otra que va antes:

Código Javascript:

$(function () {
// obtenemos la fecha actual
var date = new Date();
var m = date.getMonth(), d = date.getDate(), y = date.getFullYear();
// inicializamos datapicker para cada input en este caso con la fecha activa a partir del dia de hoy y con el formato de fecha dd/mm/yy
$("#datepicker_1").datepicker({ minDate: new Date(y, m, d), dateFormat: 'dd/mm/yy' });
$("#datepicker_2").datepicker({ minDate: new Date(y, m, d), dateFormat: 'dd/mm/yy' });
});
 

Cuando la quito me hace el calculo y si la dejo no lo hace.

Cómo arreglo esto???

[marlanga]

Pon un enlace online donde se pueda ver tu código en acción.

[kimmy]

Hola, este es el enlace: http://vamonosdevacaciones.com.ve/cotizacion.php

Gracias