如何在django窗體中使用日曆視覺窗口小部件？

Question

我正在創建一個django應用程序，我遇到了下一個問題：我無法添加可用的日曆小部件。

我在我的HTML代碼中的下一個腳本：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="/resources/demos/style.css"> 
<script> 
$(function() { 
    $(".vDateField").datepicker(); 
}); 
</script> 

... 

<form id="ensaioak_bilatu" method="POST" action="/farmaciapp/aukera_menua/ensaio_kontsulta/ensaio_bilaketa/" enctype="multipart/form-data"> 

     {% csrf_token %} 

     {{ formA.as_p }} 


     <input class="btn btn-primary" type="submit" name="bilatu_ensaioak" value="Bilatu"/> 

    </form> 

我也有的DateField型的字段的模型;而像這樣的形式：

class FormA(forms.ModelForm): 


def __init__(self, *args, **kwargs): 
    super(FormA, self).__init__(*args, **kwargs) 
    # Making name required 

    self.fields['date'].required = False 

class Meta: 
    model = Ensaioa 

如果我創建的HTML代碼的對象直接，日曆組件的作品，但如果試圖使用形式，我在上面的HTML代碼中使用，這是行不通的。爲什麼？？？

任何想法解決這個問題???

非常感謝！

Answer 1

您確定您的date列有.vDateField類嗎？嘗試添加類到列中：

class FormA(forms.ModelForm): 

    def __init__(self, *args, **kwargs): 
     super(FormA, self).__init__(*args, **kwargs) 
     # Making name required 
     self.fields['date'].required = False 
     # Adding .vDateField class 
     self.fields['date'].widget.attrs = {'class': 'vDateField'} 

    class Meta: 
     model = Ensaioa