Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Anidar datapicker

Estas en el tema de Anidar datapicker en el foro de Jquery en Foros del Web. Hola a todos verán tengo un datapicker que esta anidado lo que quiero es anidar otro datapicker es decir en funcion de la fecha que ...
  #1 (permalink)  
Antiguo 08/06/2015, 09:47
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 9 años
Puntos: 2
Anidar datapicker

Hola a todos verán tengo un datapicker que esta anidado lo que quiero es anidar otro datapicker es decir en funcion de la fecha que se eliga para el primer data picker se habiliten las fechas en el siguiente data picker y lo mismo en el segundo datapicker
mi código esta asi, el cual me ayudaron en este mismo foros
Código Javascript:
Ver original
  1. $.datepicker.setDefaults($.datepicker.regional['es']);
  2.     $( "#fechareq" ).datepicker({maxDate:"-0D"});
  3.     $("#fecharcon").datepicker({
  4.         minDate: "+0D",
  5.         onSelect: function(){
  6.         inicio = $(this).datepicker("getDate");
  7.         final = $(this).datepicker("getDate");
  8.         final.setDate(final.getDate()+365);
  9.           if ($("#fecharpc").hasClass("hasDatepicker")) {
  10.                 $("#fecharpc").val("");
  11.                 $("#fecharpc").datepicker("destroy");
  12.           };
  13.         $("#fecharpc").datepicker({
  14.           minDate: inicio,
  15.           maxDate: final,
  16.         });
  17.     },
  18. });
  #2 (permalink)  
Antiguo 08/06/2015, 14:31
 
Fecha de Ingreso: abril-2015
Mensajes: 304
Antigüedad: 9 años
Puntos: 2
Respuesta: Anidar datapicker

Hola a todos pude solucionar mi tema solo había que cambiar el orden del código asi
Código Javascript:
Ver original
  1. $.datepicker.setDefaults($.datepicker.regional['es']);
  2.     $("#fechareq").datepicker({
  3.         maxDate: "-0D",
  4.         onSelect: function(){
  5.         inicio = $(this).datepicker("getDate");
  6.         final = $(this).datepicker("getDate");
  7.         final.setDate(final.getDate()+365);
  8.           if ($("#fecharcon").hasClass("hasDatepicker")) {
  9.                 $("#fecharcon").val("");
  10.                 $("#fecharcon").datepicker("destroy");
  11.           };
  12.         $("#fecharcon").datepicker({
  13.           minDate: inicio,
  14.           onSelect: function () {
  15.           inicial = $(this).datepicker("getDate");
  16.           finalizar = $(this).datepicker("getDate");
  17.           finalizar.setDate(finalizar.getDate()+365);
  18.           if ($("#fecharpc").hasClass("hasDatepicker")){
  19.               $("#fecharpc").val("");
  20.               $("#fecharpc").datepicker("destroy");
  21.           };
  22.           $("#fecharpc").datepicker({
  23.             minDate: inicial,
  24.           });
  25.           },
  26.         });
  27.     },
  28. });
Como veran para el primer datapicker lo amarro con el segundo capturando la fecha que selecciona, para que así se habiliten los dias segun el dia que selecciono.
Lo mismo es para el tercer datapicker solo que esta vez tomo como inicio de dia lo que selecciono en el segundo datapicker.


Etiquetas: anidar, 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 15:21.