jquery ui - language - cambiar la opción minDate en JQuery DatePicker no funciona

jquery datetimepicker example

Question

He declarado una instancia de selector de fecha de la siguiente manera:

    $("#datePickerId").datepicker(
    { dateFormat: ''DD, d MM yy'',
      minDate: 0,
      showOn: ''button'',
      buttonImage: ''../../images/calendar.gif'',
      buttonImageOnly: true,
      hideIfNoPrevNext: true
    }
   );

Ahora quiero cambiar a la opción minDate, así que hago esto:

$(''#datePickerId'').datepicker(''option'', ''minDate'', 3);

Pero nada pasa. ¿Se suponía que debía hacer algo más? ¿Qué otras causas posibles podría haber?

Answer 1

Cómo alterar dinámicamente el minDate (después de init)

Las respuestas anteriores abordan cómo establecer el minDate predeterminado en init, pero la pregunta era cómo alterar dinámicamente el minDate, a continuación también aclaro cómo establecer el minDate predeterminado.

Todo lo que estaba mal con la pregunta original era que el valor minDate que se estaba configurando debería haber sido una cadena (no olvide las comillas):

$(''#datePickerId'').datepicker(''option'', ''minDate'', ''3'');

minDate también acepta un objeto de fecha y un uso común es tener una fecha de finalización que está intentando calcular, por lo que algo como esto podría ser útil:

$(''#datePickerId'').datepicker(
    ''option'', ''minDate'', new Date($(".datePop.start").val())
);

Cómo configurar el minDate predeterminado (en init)

Simplemente respondiendo esto por la mejor práctica; la opción minDate espera una de:

1. una cadena en la fecha actualFormato O
2. cantidad de días a partir de hoy (p. ej., +7) O
3. cadena de valores y puntos (''y'' por años, ''m'' por meses, ''w'' por semanas, ''d'' por días, p. ej. ''-1y -1m'')

@bogart establecer la cadena en "0" es una solución, ya que satisface la opción 2 anterior

$(''#datePickerId'').datepicker(''minDate'': ''3'');

jQuery UI documentos para minDate

Answer 2

Cambia el minDate dinámicamente

.datepicker("destroy")

Por ejemplo

<script>
    $(function() {
      $( "#datepicker" ).datepicker("destroy");
      $( "#datepicker" ).datepicker();
    });
  </script>

  <p>Date: <input type="text" id="datepicker" /></p>

Answer 3

Draco,

Puedes hacerlo así:

$("#datePickerId").datepicker(
    { dateFormat: ''DD, d MM yy'',
      minDate: new Date(2009, 10 - 1, 25), // it will set minDate from 25 October 2009
      showOn: ''button'',
      buttonImage: ''../../images/calendar.gif'',
      buttonImageOnly: true,
      hideIfNoPrevNext: true
    }
   );

recuerde escribir -1 después del mes (por ejemplo, para junio es -> 6 -1)

Answer 4

El mes comienza desde 0. 0 = enero, 1 = febrero, 2 = marzo, ..., 11 = diciembre.

Answer 5

No es necesario destruir la instancia actual, solo actualice.

$(''#datepicker'')
    .datepicker(''option'', ''minDate'', new Date)
    .datepicker(''refresh'');

Answer 6

Supongamos que tenemos dos campos de selección de fecha, campo1 y campo2. field2 date depende de field1

$(''#field2'').datepicker();
$(''#field1'').datepicker({
  onSelect: function(dateText, inst) {
    $(''#field2'').val("");
    $(''#field2'').datepicker("option", "minDate", new Date(dateText));
  }
});

Answer 7

Use minDate como cadena:

$(''#datePickerId'').datepicker({minDate: ''0''});

Esto establecería hoy como la fecha mínima seleccionable.