Test se l'elemento ha già jQuery datepicker

Question

Ho un modulo con molti elementi di input. Alcuni sono campi data con un datepicker jQuery UI alraedy allegato:

$("#someElement").mask("9?9/99/9999").datepicker({showOn: 'button', buttonText:'Click here to show calendar', duration: 'fast', buttonImageOnly: true, buttonImage: /images/calicon.gif' }); 

poi ho un comando chiave legata a questa funzione:

function openCalendar() { 
    var selection = document.activeElement; 

    // { Need to test here if datepicker has already been initialized 
     $(selection).datepicker("show"); 
    // } 
} 

Questa grande opera per gli elementi che hanno già il DatePicker su di loro. Tuttavia qualsiasi altro campo genererà un errore javascript. Mi sto chiedendo il modo migliore per verificare se datepicker è già stato inizializzato su quel campo.

Answer 1

Wow non posso credere di aver perso questo. Linea 108 di ui.datepicker.js:

/* Class name added to elements to indicate already configured with a date picker. */ 
markerClassName: 'hasDatepicker', 

Così ho solo bisogno di test per hasClass('hasDatepicker'). Questo sembra il modo più diretto. Inoltre, questa dichiarazione controlla se il datepicker è attualmente aperto (per chiunque sia interessato):

if ($("#ui-datepicker-div").is(":visible") && $("#ui-datepicker-div").html() != "") { 
    // datepicker is open. you need the second condition because it starts off as visible but empty 
} 

Answer 2

Una soluzione base è quella di impostare un attributo al momento del sequestro DatePicker e quindi verificare per questo:

$("#someElement").mask("9?9/99/9999") 
.datepicker({showOn: 'button', buttonText:'Click here to show calendar', duration: 'fast', buttonImageOnly: true, buttonImage: /images/calicon.gif' }) 
.attr("data-calendar", "true"); 

allora si potrebbe fare:

if ($(selection).attr("data-calendar") == "true") 
    $(selection).datepicker("show"); 

C'è un modo più diretto?

Answer 3

1) Se il codice genera un errore quando si cerca di aprire il DatePicker, è possibile inserire il codice in try..catch

2) È possibile impostare alcuni dati per il campo di input durante l'inizializzazione del datepicker

$("#someElement").data("datepicker-initialized", true); 

3) È possibile utilizzare i dati memorizzati da datepicker plug

if($("#someElement").data("datepicker") != null){ 
    // datepicker initialized 
} 

o

if($.data($('#someElement').get(0), 'datepicker')){ 
    // datepicker initialized 
} 

4) datepicker utilizza internamente una funzione _getInst

if($.datepicker._getInst($('#someElement')[0]) != null){} 

metodo fa quasi identica all'Esempio 3.

non abbiamo trovato nessuna soluzione migliore.

Answer 4

Ho un altro caso. Il mio copione sta copiando gli ultimi elementi della tabella incluso datepicker.

jquery non funziona perché l'elemento copiato ha contrassegnato "hasDatepicker".

Per attivare datepicker in un nuovo elemento, rimuovere il nome di classe e avviarlo, in questo modo.

$("#yournewelementid").attr("class","your-class-name"); 
$("#yournewelementid").datepicker();  

Answer 5

Questa era la mia soluzione :)

if(typeof jQuery.fn.datepicker !== "undefined")