javascript - 动态生成 jQuery 字段的 ID？

Question

我正在尝试将日历 View 集成到基于 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

您可以为它们提供 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>