为 jQuery 字段动态生成 ID？

Question

我正在尝试在基于 python 的应用程序中集成日历视图。我几乎完成了它。现在我只有一个为日历字段生成 ID 的问题。例如，如果我有一个日历字段，那么该字段适用于以下代码，但是如果我在一种形式中有 2 个或更多日历字段，我将如何为它们生成 Id。是否需要为每个字段编写单独的脚本。这是我申请单个字段的代码示例。

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

        });
</script>

我的网络应用程序代码在这里：-

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

现在我想动态生成 id。上面的代码仅在我的日历类型字段上调用。那么我应该如何在这里生成<input Ids > 及其各自的脚本。

Answer 1

您可以改为给他们一个 class popupDatepicker，然后将您的 jQuery 更改为使用 .popupDatepicker 而不是 #popupDatepicker。

所以用以下内容替换您的 HTML：

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

你的 jQuery 和这段代码：

<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 { }