日期選取器沒有顯示

我是前端開發者的新手。通常我做後臺和下級。
how to show datepicker calender on datefield 日期選取器沒有顯示

我想補充datepicker到我的頁面，驗證代替普通文本框

from django import forms 


class ReportOneForm(forms.Form): 
    start_date = forms.DateField(widget=forms.TextInput(attrs={'class': 'datepicker'})) 
    end_date = forms.DateField(widget=forms.TextInput(attrs={'class': 'datepicker'})) 

    def clean(self): 
     cleanded_data = super().clean() 
     start_date = cleanded_data.get('start_date') 
     end_date = cleanded_data.get('end_date') 

     if start_date > end_date: 
      raise forms.ValidationError(f"Start Date must not after End Date")

模板

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Report 1 Result</title> 
    <form method="post" class="post-form">{% csrf_token %} 
     {{ form.as_p }} 
     <button type="submit" class="save btn btn-default">Save</button> 
    </form> 
</head> 
<body> 

</body> 
</html> 
<script> 
    $(function() { 
    $(".datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true, 
     yearRange: "1900:2012", 
     // You can put more options here. 

    }); 
    }); 
</script>

我必須誤解的東西在這個頁面
任何幫助將不勝感激

來源

2017-06-03 Sarit

您可能需要加載jQuery的UI

<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

（如this answer）

而如果你不用它也JQuery的

來源

2017-06-03 11:30:03 user2314737

我學習它。一刻 – Sarit

非常感謝。我發現的答案是4歲。你的年齡大概在3歲左右 – Sarit

日期選取器沒有顯示

回答

相關問題