Discussion between omaza1990 and A. Cedano

5:30 PM

Según lo dicho en comentarios, si no vas a consultar nada en el servidor, puedes seleccionar las fechas en cada input y hacer los cálculos directamente. Luego en el div imprimes el resultado del cálculo, como podrás probar en el code snippet de más abajo. Las llamadas al servidor deben hacerse p...

omaza1990

Eso ya lo tengo entendido pero ahora viene el problema que permite integrar una fecha de salida inferior a la fecha de entrada. Y eso no debería permitirse, deberían ser ocultas las fechas anteriores a la fecha de entrada establecida.

A. Cedano

@omaza1990 he editado el código otorgándole la posibilidad de establecer la fecha mínima del segundo DP a un día después de la fecha del primer DP. Espero te sirva.

omaza1990

He comprobado que funciona correctamente pero voy a echarle un ojo, aún no vi el código cualquier duda que tengo le comentaré.

A. Cedano

@omaza1990 de acuerdo. Considero que deberías cambiar el título de la pregunta y también agregar las etiqueta javascript y jquery ya que al final la pregunta estaba más orientada a código del lado del cliente que del lado del servidor (PHP), por los motivos explicados en los comentarios.

omaza1990

Al llevarlo a mi código me da el siguiente error en la línea 1: datepicker.js:1 Uncaught ReferenceError: $ is not defined at datepicker.js:1

A. Cedano

5:30 PM

@omaza1990 parece que no estás incluyendo la biblioteca de jQuery. El código necesita esa biblioteca para correr. Es lo primero que se ve en la segunda parte del code snippet: <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jque‌ry.min.js"></scrip‌t>‌. Esa y las demás bibliotecas deben ir en la sección <head> del HTML. Si ya lo tienes es muy probable que hayas omitido algún signo, alguna llave o paréntesis de más o de menos.

omaza1990

Tengo todas las librerías y los paréntesis o corchetes o comillas todo está correcto.

A. Cedano

@omaza1990 Conviene que muestres el código como lo tienes para revisarlo. Si funciona en el snippet te debería funcionar. Algún error debe haber en alguna parte.

omaza1990

Hola @A.Cedano

Te copio aquí mi código a ver que error ves.

$(document).ready(function(){
	$("#check_out").on("change", function(e) {
		e.preventDefault();
		var fechaEntrada = $('#check_in').datepicker();
		var fechaSalida = $('#check_out').datepicker();

		var calculoNoches = Math.abs(Math.ceil((fechaEntrada - fechaSalida) / (1000 * 60 * 60 * 24)));
		$('#calculoNoches').html(calculoNoches);
	});


	/*Establecemos el minDate del segundo DP*/
	$("#check_in").datepicker({
		onSelect: function(dateStr) {
			var minDate = $(this).datepicker('getDate');
				if (minDate) {

A. Cedano

Voy a revisarlo

Ponme el código del form para poder probarlo, si no me dará error

Veo que quieres prescindir del botón y validar en el on.click del segundo datepicker

No es una buena idea y no sé si funcionará

Bueno... ya tengo que irme. Revisa como está el código en la respuesta, ligado al click del botón. Creo que es la mejor manera de hacerlo. Lanzar la acción en el on.click no sé que resultado pueda dar. Además, no deja que el usuario pueda cambiar de fecha antes de validar. Para ese tipo de cosas siempre es bueno tener un botón de validación.

Haz pruebas y luego me comentas. Saludos.

omaza1990

5:56 PM

Ya estoy, debi salir un momento.

<!DOCTYPE html>
<html lang="es">
<head>
<title>Reservar</title>
<link rel="stylesheet" href="css/estilos_reservar.css">
<script type="text/javascript" src="js/calculoNoches.js"></script>
<script type="text/javascript" src="js/datepicker.js"></script>
<script src="http://momentjs.com/downloads/moment.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<!DOCTYPE html>
<html lang="es">
	<head>
		<title>Reservar</title>
		<link rel="stylesheet" href="css/estilos_reservar.css">
		<script type="text/javascript" src="js/calculoNoches.js"></script>
		<script type="text/javascript" src="js/datepicker.js"></script>
		<script src="http://momentjs.com/downloads/moment.min.js"></script>

		<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
		<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

2 hours later…

omaza1990

8:16 PM

Edite la pregunta con el código jQuery, echale un ojo, puse también el error. Pregunta muy completa.

next day → last day (23 days later) »

all rooms