Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Comparar Fechas con Datapicker de jquery

Estas en el tema de Comparar Fechas con Datapicker de jquery en el foro de Jquery en Foros del Web. Hola todos en mi aplicación tengo el input1 con un data picker y otro input2 con otro data picker lo se quiere hacer es cuando ...
  #1 (permalink)  
Antiguo 10/04/2015, 10:34
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Comparar Fechas con Datapicker de jquery

Hola todos en mi aplicación tengo el input1 con un data picker y otro input2 con otro data picker lo se quiere hacer es cuando seleccionen la fecha en el input1 por ejemplo 10/04/2015 en el input2 no les permita elegir mas de dos días es decir si elige la fecha que mencione solo le permita elegir los dias 13/04/2015 y 14/03/2015 y por ende el resto de dias quedan des habilitados

Gracias
  #2 (permalink)  
Antiguo 10/04/2015, 10:52
Avatar de MaNuX0218  
Fecha de Ingreso: marzo-2014
Mensajes: 787
Antigüedad: 5 años, 10 meses
Puntos: 67
Respuesta: Comparar Fechas con Datapicker de jquery

Si no voy mal la datapicker puede hacer eso, visita su página seguro que encuentras lo que intentas hacer.

Saludos.
__________________
No te preocupes si tu código no funciona bien. Si todo lo hiciera, no tendrías trabajo.
  #3 (permalink)  
Antiguo 10/04/2015, 11:05
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Utiliza la opción maxDate.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #4 (permalink)  
Antiguo 10/04/2015, 11:28
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

Hola si lo estoy usando pero no se como asociarlo al otro para que pueda ver que fecha a seleccionado es decir al primer datapicker
Código HTML:
    $( "#fecharcon" ).datepicker({minDate:"-0D"});
    $( "#fecharpc" ).datepicker({minDate:"-0D"});
  #5 (permalink)  
Antiguo 10/04/2015, 11:32
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Cuando se produzca el evento onSelect en el primero, aplica la fecha máxima en el segundo.

Por favor, lee la documentación. Ahí está todo lo que necesitas para hacer esto.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #6 (permalink)  
Antiguo 10/04/2015, 11:38
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

Si alexis estoy viendo la documentación pero no mencionan como usarlo solo dice que hace con ejemplo sencillo de como usarlo lo haré pero no lo veo por eso consulto aqui disculpa mi falta de conocimiento
  #7 (permalink)  
Antiguo 10/04/2015, 11:44
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Es que en ninguna documentación te van a dar las respuestas exactas a tus problemas, tienes que leer y pensar en la manera de adaptar lo que encuentras a lo que necesitas.
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #8 (permalink)  
Antiguo 10/04/2015, 11:48
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

si entiendo eso, solo he pedido un ejemplo que al final google he encontrado pero recien voy ha probarlo
  #9 (permalink)  
Antiguo 10/04/2015, 11:52
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Échale un vistazo a este pequeño ejemplo que hice hace algunos meses. Creo que con eso te puedes dar una clara idea de lo que debes de hacer.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #10 (permalink)  
Antiguo 10/04/2015, 12:27
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

hola alexis estoy usando este codigo pero creo que esta mal
Código:
 $( "#fecharcon" ).datepicker({      
      onSelect:function(dateText,inst){
          var lockDate = new Date($("#fecharcon").datepicker('getDate'));
          $('#fecharpc').datepicker('option','minDate',lockDate);}
        });
    $("#fecharpc").datepicker();
  #11 (permalink)  
Antiguo 10/04/2015, 13:08
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Esa última línea está de más pues dentro del onSelect del primero, ya estableces que el segundo también será un datepicker, además, fíjate que le asignas como fecha mínima la fecha seleccionada en el primero y, por lo que he entendido que deseas hacer, quieres que solo queden habilitados los dos días siguientes al seleccionado en el primero.

Puedes probar así:
Código Javascript:
Ver original
  1. onSelect: function(){
  2.     inicio = $(this).datepicker("getDate"); //La fecha actual del primer datepicker
  3.     final = $(this).datepicker("getDate"); //La fecha actual del primer datepicker
  4.        
  5.     final.setDate(final.getDate() + 2); //Le sumo 2 días
  6.            
  7.     $("#fecharpc").datepicker({
  8.         minDate: inicio, //Le asigno como fecha mínima la fecha elegida en el primer datepicker
  9.         maxDate: final //Le asigno como fecha máxima la fecha del primer datepicker más dos días
  10.     });
  11. }

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #12 (permalink)  
Antiguo 10/04/2015, 13:30
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

Hola alexis gracias por contestas y darte el tiempo de corregirme lo probe pero no me carga asi lo estoy colocando no se si estoy haciendo algo masl
Código:
    $( "#fecharcon" ).datepicker({
      onSelect: function(){
        inicio = $(this).datepicker("getDate");
        final = $(this).datepicker("getDate");
        final.setDate(final.getDate()+2);
        $("#fecharpc").datepicker({
          minDate: inicio,
          maxDate: final,
        });
      }
    });
  #13 (permalink)  
Antiguo 10/04/2015, 13:56
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Lo acabo de probar y funciona correctamente.

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #14 (permalink)  
Antiguo 10/04/2015, 14:43
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

Muchas Gracias alexis por date el tiempo de contestar mi pregunta y ayudarme al final fue un error de un corchete en mi función : porra:
  #15 (permalink)  
Antiguo 10/04/2015, 14:57
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

no es por molestar pero ahora surgió otro problema cuando eligen una fecha muy bien se muestra en el input #fecharcon luego se pasan al siguiente input #fecharpc también hace la validación es ahi donde surge el problema, pues cuando cambian nuevamente la fecha en #fecharcon y vuelve a elegir la fecha en #fecharpc se queda con la fecha que elegiste la primera vez como haría para que el otro input #fecharpc también cambien
  #16 (permalink)  
Antiguo 10/04/2015, 15:07
Avatar de Alexis88
Objetivista
 
Fecha de Ingreso: noviembre-2011
Ubicación: Lima, Perú
Mensajes: 5.433
Antigüedad: 8 años, 2 meses
Puntos: 934
Respuesta: Comparar Fechas con Datapicker de jquery

Cuando a un <input> le asignas el widget datepicker, este pasa a tener la clase 'hasDatepicker'.

Lo que tienes que hacer es que cuando selecciones una fecha en el primer calendario, verifiques si el segundo <input> posee la clase en cuestión; de ser así, le quitamos el widget utilizando el método destroy, lo dejamos en blanco y ya luego le volvemos a asignar las fechas máxima y mínima.

Código Javascript:
Ver original
  1. $("#fecharcon").datepicker({
  2.     onSelect: function(){
  3.         inicio = $(this).datepicker("getDate");
  4.         final = $(this).datepicker("getDate");
  5.         final.setDate(final.getDate()+2);
  6.        
  7.         if ($("#fecharpc").hasClass("hasDatepicker")){
  8.             $("#fecharpc").datepicker("destroy").val("");
  9.         }
  10.        
  11.         $("#fecharpc").datepicker({
  12.             minDate: inicio,
  13.             maxDate: final,
  14.         });
  15.     }
  16. });

Saludos
__________________
«Laissez faire et laissez passer, le monde va de lui même»
  #17 (permalink)  
Antiguo 10/04/2015, 15:30
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 4 años, 9 meses
Puntos: 2
Respuesta: Comparar Fechas con Datapicker de jquery

Muchas gracias Alexis ahora leere mas por tu tiempo y tu respuesta has sido de gran ayuda

Etiquetas: datapicker
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:40.