Validar rango de entrada y salida de reserva. Bootstrap datepicker – jquery bootstrap formularios

Pregunta:


mi problema es algo básico. Tengo un sistema de reserva donde ingresan la fecha de entrada y salida. Tengo validado que la fecha de salida no puede ser menor a la de entrada y la de entrada no puede ser mayor a la de salida y cuando modifican la fecha de entrada se reseta la de salida para no tener inconvenientes. El asusto es que necesito que mi fecha salida minimo se un dia mas que el de entrada. Es decir si yo selecciono fecha de entrada para el 20 la fecha minima para salida deberia ser 21. Probe utilizando startdate +1 pero no me funciona ya que mi fecha de salida se va definiendo de acuerdo a la de entrada. Actualmente me esta funcionando que la fecha salida comienza en la misma que la de entrada, yo necesito que sea un dia posterior al de entrada.

creo que mi problema esta en esta parte “getDate(selected)”. Espero que puedan ayudarme.

      <script type="text/javascript">

 $(function () {

 var getDate = function (input) {
    return new Date(input.date.valueOf());
 }

 $('#entrada').datepicker({
    format: "dd/mm/yyyy",
    language: 'es',
    startDate: '+5d',
    endDate: '+35d',
    autoclose: true,
});
var a = $('#entrada').datepicker("getDate");
$('#salida').datepicker({
    startDate: '+6d',
    format: "dd/mm/yyyy",
    language: "es",

    endDate: '+36d',
    autoclose: true
});

$('#entrada').datepicker({

  }).on('changeDate',
    function (selected) {
        $('#salida').datepicker('clearDates');
        $('#salida').datepicker('setStartDate', getDate(selected));
    });

});
</script>

<input type="text" name="entrada" id="entrada" value=""> 
<input type="text" name="salida" id="salida" value="" > 

Preguntado por: MSL

OscarGarcia

Si quieres añadir un día a la fecha de entrada utiliza

var date2 = $('#entrada').datepicker('getDate', '+1d');

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha256-916EbMg70RQy9LHiGkXzG8hSg9EdNy97GazNG/aiY1w=" crossorigin="anonymous" /><link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/css/bootstrap-datepicker.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.7.1/js/bootstrap-datepicker.js"></script>
<script type="text/javascript">

 $(function () {

 var getDate = function (input) {
    return new Date(input.date.valueOf());
 }

 $('#entrada').datepicker({
    format: "dd/mm/yyyy",
    language: 'es',
    startDate: '+5d',
    endDate: '+35d',
    autoclose: true,
});
var a = $('#entrada').datepicker("getDate");
$('#salida').datepicker({
    startDate: '+6d',
    format: "dd/mm/yyyy",
    language: "es",
    endDate: '+36d',
    autoclose: true
});

 $('#entrada').datepicker().on('changeDate', function (ev) {
  //Obtenemos la fecha de entrada
  var date2 = $('#entrada').datepicker('getDate'); 
  //Sumamos un día a la fecha de entrada
  date2.setDate(date2.getDate()+1); 
   //Asignamos la nueva fecha al datepicker de salida
  $('#salida').datepicker('setDate', date2);
});

});
</script>

<input type="text" name="entrada" id="entrada" value=""> 
<input type="text" name="salida" id="salida" value="" >

Fuente

Related Posts:

¿Cómo obtener la respuesta de una llamada asíncrona (AJAX) fuera de ella? – javascript jquery asincrónico
Pregunta: Actualmente tengo esta función: function devuelveButaca(posicion){ var array = posicion.split('_'); var row = array; var column ...
Como poner una imagen de fondo a pantalla completa – javascript jquery html5
Pregunta: Como puedo hacer que la imagen abarque todo el tamaño de la pantalla. Se que de las propiedad min-width y min-heigth pero ellas no ...
Error de: Uncaught TypeError: url.indexOf is not a function por Jquery – javascript jquery
Pregunta: En el navegador, reviso en inspeccionar elemento, y me sale el siguiente error: Uncaught TypeError: url.indexOf is not a function Me imagino que es ...
Actualizar información con ajax php mysql – php jquery mysql
Pregunta: Tengo esta simple consulta que lo que simplemente me muestra las visitas de la web, pero quisiera que fuera automático con ajax ya que ...
Como validar array checkbox – javascript php jquery
Pregunta: Que tal buen dia, alguien me podria decir como se puede hacer para que cuando presione el boton "BAJAR DATOS" si este esta vacio ...
¿Como eliminar espacio en los bordes con bootstrap? – html css bootstrap
Pregunta: Estoy intentando hacer un login con bootstrap y me surgió un problema con los bordes, cuando intento insertar un borde en el formulario se ...
Como cambiar una propiedad html dependiendo del valor de un perfil recogido de clase java – javascript jquery html
Pregunta: Tengo una caja de texto en la que me gustaría poder escribir o no dependiendo del perfil que utilice la aplicación. Esta caja de ...
Copiar valor a un input que esta dentro de un footer de un datatable – javascript jquery datatables
Pregunta: Estoy usando los DataTables de jQuery y me estoy encontrando con el siguiente problema: cuando pulso en un botón necesito pasarle un valor con ...
¿Cómo rellenar cada circulo al pasar el mouse encima? – javascript jquery html
Pregunta: ¡Hola! Estoy practicando jQuery, y me gustaría poder hacer como un ranking. A lo que quiero llegar es que cada vez que el mouse ...
Ayuda con Javascript & HTML – javascript jquery
Pregunta: Esta pregunta ya tiene una respuesta aquí: ...
Resultado: [object], [object] al importar un archivo JSON – javascript jquery json
Pregunta: Tengo un problema para obtener datos de un archivo JSON, cuándo intento obtener los datos de este archivo, obtengo como resultado: , { ...
Jquery dataTables con Combobox de filtro – jquery datatables
Pregunta: Estoy usando jquery dataTables y quiero agregar un combo de filtrado para un campo especifico en la ubicación a continuacion de "Search"...es posible esto?. ...
insertar automáticamente un caracter mientras escribo en un input – jquery html
Pregunta: Necesito insertar el caracter ":" mientras estoy escribiendo números en un input tipo texto, el ":" debe insertarse automáticamente cuando haya escrito dos números, ...
Estilar un pseudoelemento ::after con jQuery – javascript jquery html
Pregunta: ¿Cómo seleccionar desde jQuery un elemento de este estilo? .page-container .single-page:nth-of-type(2)::after { } La idea es poder modificar ciertas reglas CSS desde JavaScript. ...
jQuery ajax enviando vía GET configurando envío por POST – jquery
Pregunta: Estoy tratando de enviar un formulario por ajax mediante POST desde un sitio (todo local) a otro, pero estoy viendo desde la consola de ...

Add a Comment

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *