Skip to main content
2 de 3
se añadieron 6 caracteres en el cuerpo
Edu3D
  • 967
  • 4
  • 10

1) ¿Cómo controlo que inserte antes la fecha de entrada que la fecha de salida? Debido a que si escribe como fecha de salida (el día actual) no debe permitirlo...

  • Para controlar esto, deberías desabilitar el elemento en un primer momento ya sea desde html o js

HTML : <input type="text" placeholder="Fecha de salida" name="check_out" id="check_out" value="" disabled="">

JS (Con jquery): $("#check_out").prop( "disabled", true );

  • Luego, tendrías que activar el elemento tras la selección de la fecha, algo así:

$("#check_in").on("change", function(){ $("#check_out").prop( "disabled", false ); });

2) Al seleccionar una fecha de entrada, automáticamente el campo fecha de salida se autocompleta con el día siguiente al escogido en fecha de entrada (n+1). ¿Por qué no se muestran el cálculo de noches y sólo se muestra el cálculo de noches cuando el usuario elige la fecha de salida, y no automáticamente?

Esto se debe ha que el la selección de una fecha a través del data-picker no llama,lanza o activa el evento de "onchange"

Para solucionar este problema tendrías que llamar al evento "change" del elemento tras la selección de la fecha:

$("#check_in").datepicker({
    //The value "0" means today (0 days from today)
    minDate: 0,
    onSelect: function(dateStr) {
        //datepicker("setDate", new Date()); //día actual.
        var minDate = $(this).datepicker('getDate');
        if (minDate) { 
            minDate.setDate(minDate.getDate() + 1);
        }

        $('#check_out').datepicker('setDate', minDate).datepicker('option', 'minDate', minDate); //día siguiente al actual en "check_out".

        $('#check_out').change(); // activas el evento "onchange"
    }
});
Edu3D
  • 967
  • 4
  • 10