Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/python/293.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery日期选择器django_Jquery_Python_Django - Fatal编程技术网

Jquery日期选择器django

Jquery日期选择器django,jquery,python,django,Jquery,Python,Django,我一直在尝试让jquery datepicker在django上工作,我已经看过了 但我运气不好 我的日期定义为 date = models.DateTimeField('Published Date') 表格中的“我的日期”设置为: class UploadForm(forms.ModelForm): class Meta: model = Archive widgets = { 'date': forms.DateIn

我一直在尝试让jquery datepicker在django上工作,我已经看过了 但我运气不好

我的日期定义为

    date = models.DateTimeField('Published Date')
表格中的“我的日期”设置为:

class UploadForm(forms.ModelForm):
    class Meta:
        model = Archive
        widgets = {
            'date': forms.DateInput(attrs={'class': 'datepicker'}),
               }
在My upload.html中

{% extends 'budget/base_form_views.html' %}
<script>
  $(function() {
    $('.datepicker').datepicker({
    changeMonth:true,
    changeYear: true,
    yearRange: 1900:2100,})
  });
</script>
//generated form//

在您看来,您是否指定了要使用的表单?这可以按如下所示完成

Views.py
您可以尝试为表单提供一个“id”,并对id而不是类调用JQuery代码:

forms.py

  'date': forms.DateInput(attrs={'class': 'datepicker', 'id': 'my_date'})
upload.html

 $('#my_date').datepicker({...

好的,我终于设法让它工作了

上传表单

class UploadForm(forms.ModelForm):
    date = forms.DateField(widget=forms.DateInput(attrs={'class': 'datepicker'}))
    ....
upload.html文件包含

<script>
    $(document).ready(function() {
        $('.datepicker').datepicker();
    });
</script>

$(文档).ready(函数(){
$('.datepicker').datepicker();
});

只是提醒一下,upload.html扩展了我的base.html,其中包含了所有jquery脚本

我忘了将我的视图添加到帖子中。试试这些jquery:这些链接仍然没有成功。
 $('#my_date').datepicker({...
class UploadForm(forms.ModelForm):
    date = forms.DateField(widget=forms.DateInput(attrs={'class': 'datepicker'}))
    ....
<script>
    $(document).ready(function() {
        $('.datepicker').datepicker();
    });
</script>