beforeShow evento no se activa en jQueryUI Datepicker

Question

No importa lo que intento, no puedo hacer que el evento beforeShow se active en mi datepicker. Aquí está mi código:

$('#calendar').datepicker({ 
inline: true, 
dateFormat: 'mm,dd,yy', 
beforeShow: function(input, inst) { alert('before'); } 
}); 

He añadido beforeShowDay y eventos onselect a mi planificador de evento, y lo hacen fuego correctamente. ¿Alguien más ha tenido problemas con esto?

Answer 1

Es un poco complicado pero use el método setTimeout para iniciar la función que funciona bien para mí.

$('#calendar').datepicker({ 
inline: true, 
dateFormat: 'mm,dd,yy', 
beforeShow: function() { 
    setTimeout(function() { 
     alert('before'); 
    }, 10); 
} 
}); 

Answer 2

He encontrado una solución para eso. Debe añadir 3 líneas de código en jquery.ui.datepicker.js (la versión completa)

línea cerca # 274, encontramos este this._updateAlternate(inst);

Justo después de esta línea, puso lo siguiente:

var beforeShow = $.datepicker._get(inst, 'beforeShow'); 
if(beforeShow) 
    beforeShow.apply(); 

La versión de jqueryui.com no tiene beforeShow habilitado para datepicker en línea. Con este código, beforeShow está habilitado.

Answer 3

En realidad, esto es un poco más correcto (y sigue el modelo plug-in/clase):

var beforeShow = $.datepicker._get(inst, 'beforeShow'); 
extendRemove(inst.settings, (beforeShow ? beforeShow.apply(target, [target, inst]) : {})); 

Answer 4

Aquí está la solución de mi equipo se le ocurrió por lo que no tiene que acordarse de modificar los archivos de jQuery cada vez que hay una actualización. Sólo tiene que añadir esto a su propio guión e incluirlo:

(function ($) { 
    $.extend($.datepicker, { 

     // Reference the orignal function so we can override it and call it later 
     _inlineDatepicker2: $.datepicker._inlineDatepicker, 

     // Override the _inlineDatepicker method 
     _inlineDatepicker: function (target, inst) { 

      // Call the original 
      this._inlineDatepicker2(target, inst); 

      var beforeShow = $.datepicker._get(inst, 'beforeShow'); 

      if (beforeShow) { 
       beforeShow.apply(target, [target, inst]); 
      } 
     } 
    }); 
}(jQuery)); 

Answer 5

que quería utilizar beforeShow para actualizar la fecha minumum de un selector de fechas fecha final para reflejar la fecha establecida en el selector de fechas fecha de inicio. He revelado una serie de soluciones publicadas aquí y en otros lugares que fueron complicadas. Me puede estar perdiendo algo, pero el siguiente código bastante directo funciona para mí.

Esto restablece el enfoque a la fecha de inicio si todavía no se ha configurado y se intenta ingresar una fecha de finalización. Si se ha establecido una fecha de inicio, establece la fecha mínima para el final _Fecha adecuada.

$(function(){ 
    $("#start_Date").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "c-1:c+5", 
     dateFormat: "dd-mm-yy" 
    }); 
    $("#end_Date").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "c-1:c+5", 
     dateFormat: "dd-mm-yy", 
     beforeShow: end_Range 
    }); 

    function end_Range(){ 
     if ($("#start_Date").datepicker("getDate") == null){ 
      $("#start_Date").focus(); 
     } else { 
      // set minimum date range 
      $("#end_Date").datepicker("option", "minDate", new Date ($("#start_Date").datepicker("getDate"))); 
     }; 
    }; 
}); 

Con campos de fecha:

<label>Date</label><input class="datepicker" id="start_Date" type="text"/> 
<label>Date</label><input class="datepicker" id="end_Date" type="text"/> 

Answer 6

¿Te asignar selector de fechas() a este elemento antes?

beforeShow evento adjuntar al elemento una vez que asigne datepicker() por primera vez. Si reasigna datepicker() al mismo elemento, no funcionará correctamente.

Trate de 'destruir' y reasignar datepicker(), que es muy útil para mí.

$('#calendar').datepicker('destroy'); 

$('#calendar').datepicker({ 
    inline: true, 
    dateFormat: 'mm,dd,yy', 
    beforeShow: function(input, inst) { 
     alert('before'); 
    } 
});