Tengo un sistema donde la gente puede agregar varias fechas desde y hasta ie captura de pantalla: jQuery Datepicker onClose seleccione siguiente

Sobre la selección de la primera fecha de el evento onClose establece la fecha para la segunda entrada y la abre. Es decir

datePickers = function() {
    $(".from_date").datepicker({
      minDate: 'D',
      dateFormat: "dd/mm/yy",
      defaultDate: "+1w",
      numberOfMonths: 2,
      onClose: function(selectedDate) {
        $(".to_date").datepicker("option", "minDate", selectedDate);
        return $(".to_date").datepicker("show");
      }
    });
    return $(".to_date").datepicker({
      minDate: '+1D',
      dateFormat: "dd/mm/yy",
      defaultDate: "+1w",
      numberOfMonths: 2
    });
  };

Mi problema es que cuando tengo 2,3 o más y la edición de la primera o la segunda…. En el cierre se abre la última entrada.

He intentado usar .siguiente(‘to_date’) y más cercano(‘to_date’), pero no su trabajo.

Algún consejo sobre cómo puedo conseguir alrededor de esto.

Como se pidió un violín: http://jsfiddle.net/FdfPY/

InformationsquelleAutor Lee | 2013-03-11

1 Comentario

  1. 8

    Lugar de utilizar return $(".to_date").datepicker("show");, haga lo siguiente:

    $(".from_date").datepicker({
          minDate: 'D',
          dateFormat: "dd/mm/yy",
          defaultDate: "+1w",
          numberOfMonths: 2,
          onClose: function(selectedDate) {
            $(".to_date").datepicker("option", "minDate", selectedDate);
            $(this).parent().next().children().focus();
          }
        });
     $(".to_date").datepicker({
          minDate: '+1D',
          dateFormat: "dd/mm/yy",
          defaultDate: "+1w",
          numberOfMonths: 2
        });

    DEMO:
    http://jsfiddle.net/FdfPY/1/

    EDICIÓN:

    Si está anidada, a continuación, utilice los siguientes:

    $(".from_date").datepicker({
          minDate: 'D',
          dateFormat: "dd/mm/yy",
          defaultDate: "+1w",
          numberOfMonths: 2,
          onClose: function(selectedDate) {
            $(".to_date").datepicker("option", "minDate", selectedDate);
            $(this).parents('.span2').next().children().find('.to_date').focus();
          }
        });
     $(".to_date").datepicker({
          minDate: '+1D',
          dateFormat: "dd/mm/yy",
          defaultDate: "+1w",
          numberOfMonths: 2
        });

    DEMO:
    http://jsfiddle.net/FdfPY/5/

    • Lo siento, pero pensé que la suya iba a funcionar, pero en la práctica mis elementos son más anidado en el adicional del div, etc. Así .los padres será frágil. jsfiddle.net/FdfPY/2
    • Bien hecho cambios en mi primera edición!
    • Gracias DOM, sé que soy un gran dolor pero mi violín se hizo simple. Me han dado un mejor diseño html. Pensé inicialmente habría sido más fácil para mostrar en una tabla. jsfiddle.net/FdfPY/4 Esto es bastante acurate ahora para el diseño. Lo siento y TY por tu tiempo!!
    • No se preocupe! Cambió mi post.
    • Dom su el hombre. Intenté que se me olvidó el período en la etiqueta span. TY nunca tanto !!!
    • No se preocupe! déjeme saber si usted necesita cualquier otra cosa!
    • permítanos continuar esta discusión en el chat

Dejar respuesta

Please enter your comment!
Please enter your name here