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"
}
});