爲jquery字段動態生成ID？

Question

我想在基於python的應用程序中集成日曆視圖。我差不多完成了它。現在我只有一個生成日曆字段ID的問題。例如，如果我有一個日曆字段，那麼該字段與下面的代碼正常工作，但是如果我有一個表格中有2個或更多的日曆字段，我將如何生成他們的ID。是否需要爲每個領域編寫單獨的腳本。這裏是我申請單個字段的代碼示例。

<script type="text/javascript"> 
     $(function() { 
      $('#popupDatepicker').calendarsPicker({calendar: $.calendars.instance('islamic'), dateFormat: 'dd-mm-yyyy'}); 

     }); 
</script> 

和我的Web應用程序代碼是在這裏： -

<input type="text" **id="popupDatepicker"** name="${name}" autocomplete="OFF" size="3" 
class="${css_class}" ${py.attrs(attrs, kind=kind, value=value)}/> 

現在我想產生ID動態。上面的代碼在我的日曆類型的字段上被稱爲nly。所以我該如何生成<input Ids >及其各自的腳本。

Answer 1

你可以改爲給他們一個popupDatepicker類，然後改變你的jQuery使用.popupDatepicker而不是#popupDatepicker。與此代碼

<input type="text" class="popupDatepicker" name="${name}" autocomplete="OFF" size="3" class="${css_class}" ${py.attrs(attrs, kind=kind, value=value)}/> 

和你的jQuery：

所以用下面的更換你的HTML

<script type="text/javascript"> 
    $(function() { 
     $('.popupDatepicker').calendarsPicker({calendar: $.calendars.instance('islamic'), dateFormat: 'dd-mm-yyyy'}); 

    }); 
</script> 

Answer 2

爲什麼不把一個類只爲你想擁有日曆，然後編輯這些領域的選擇器如下：

//get the element with popupDatepickerClass class and makeit a calendarsPicker() 
$('.popupDatepickerClass').calendarsPicker(SOME TXTS); 

注意你的'＃'變成了''。

你的元素看起來像：

//add the popupDatepickerClass on every element you want to be converted as calendar 
class="${css_class} popupDatepickerClass" 

這樣你的腳本將尋找所有元素具有相同的類，並使其成爲日曆。

//create a css class with name: popupDatepickerClass and its not necessarily to have a value 
.popupDatepickerClass { }