Sprawdź, czy element ma już datepicker jQuery

Question

Mam formularz z wieloma elementami wejściowymi. Niektóre są data pola z datepicker jQuery UI alraedy załączonym:

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

Potem kluczową komendę związany z tą funkcją:

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

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

Działa to doskonale na elementach, które mają już datepicker na nich. Jednak każde inne pole spowoduje błąd javascript. Zastanawiam się, jaki jest najlepszy sposób na sprawdzenie, czy datepicker został już zainicjowany na tym polu.

Answer 1

Wow nie mogę uwierzyć, że tęskniłem za tym. Linia 108 ui.datepicker.js:

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

Więc po prostu trzeba przetestować na hasClass('hasDatepicker'). Wydaje się to najprostszą drogą. Co więcej, to stwierdzenie sprawdza, czy datepicker jest aktualnie otwarty (dla każdego, kto jest zainteresowany):

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

Jednym podstawowym rozwiązaniem jest ustawienie atrybutu w momencie przyłączenia datepicker a następnie test że:

$("#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"); 

Następnie można zrobić:

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

Czy istnieje bardziej bezpośredni sposób?

Answer 3

1) Jeśli kod wygeneruje błąd podczas próby otwarcia datepicker, można umieścić kod do try..catch

2) Można ustawić pewne dane w polu wejściowym podczas inicjowania datepicker

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

3) można korzystać z danych przechowywanych przez datepicker plugin

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

lub

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

4) datepicker wewnętrznie wykorzystuje funkcję _getInst

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

przy czym sposób jest prawie taki sam jak w przykładzie 3.

Nie można znaleźć żadnego lepszego rozwiązania.

Answer 4

Mam kolejną sprawę. Mój skrypt kopiuje ostatnie elementy tabeli, w tym datepicker.

JQuery nie będzie działać, ponieważ skopiowany element ma znak "hasDatepicker".

Aby aktywować datepicker w nowym elemencie, usuń tę nazwę klasy i zainicjuj ją w ten sposób.

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

Answer 5

To było moje rozwiązanie :)

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