将类传递给Django中的表单字段以触发Jquery

将类传递给Django中的表单字段以触发Jquery,django,forms,Django,Forms,我有这张表格。我想在有人单击dia_de_entrega字段时触发Jquery事件 class RepartoForm(forms.Form): productos = forms.ModelMultipleChoiceField(queryset=Producto.objects.none()) nodos = forms.ModelMultipleChoiceField(queryset=Nodo.objects.none()) dia_de_entrega = fo

我有这张表格。我想在有人单击dia_de_entrega字段时触发Jquery事件

class RepartoForm(forms.Form):
    productos = forms.ModelMultipleChoiceField(queryset=Producto.objects.none())
    nodos = forms.ModelMultipleChoiceField(queryset=Nodo.objects.none())
    dia_de_entrega = forms.DateField(widget=forms.DateInput(attrs={'class': 'datepicker'}))



    def __init__(self, *args, productor_pk=None, **kwargs):
        super(forms.Form, self).__init__(*args, **kwargs)
        if productor_pk is not None:
            self.fields['productos'].queryset = Producto.objects.filter(productor=productor_pk)
            self.fields['nodos'].queryset = Nodo.objects.exclude(productores_kickeados = productor_pk)
            self.fields['dia_de_entrega'].widget.attrs.update({'class': 'datepicker'})
这是我的html

<!DOCTYPE html>
<html>
<head>
    <title>Crea un reparto nuevo</title>
    <link rel=”stylesheet” href=”//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css”>
    <link rel=”stylesheet” href=”/resources/demos/style.css”>
    <script src=”https://code.jquery.com/jquery-1.12.4.js”></script>
    <script src=”https://code.jquery.com/ui/1.12.1/jquery-ui.js”></script>

</head>
<body>
    <div>
        <form method="post">
            {% csrf_token %}
            {{ form.as_p }}
            <button type="Enviar">Enviar</button>
        </form>
    </div>
    <script>
        $(document).ready(function(){
            $(".datepicker").click(function(){
            alert("adasd");
            });
        });
    </script>
</body>
</html>

新修复工程
{%csrf_令牌%}
{{form.as_p}}
羡慕
$(文档).ready(函数(){
$(“.datepicker”)。单击(函数(){
警报(“adasd”);
});
});

我不确定这样做是否正确。我在网上搜索过,似乎是对的

当你使用这个代码时会发生什么?它有用吗?除了在
super()
中使用了错误的类之外,这一切似乎都很好。是的,代码工作正常。但是Jquery没有,没有alert2问题:当您在浏览器中调试html时(右键单击element+inspect element),元素上是否实际存在类?您是否尝试过类似于
…widget.attrs.update({'onclick':'somefunction();'})
的方法以及在js中定义somefunction()函数?这一点很好。我检查了一下,发现这个班确实是个喜欢约会的人。结果证明jquery引用是错误的。谢谢