Добавление J Query datepicker в формы Django - PullRequest
Новая
       9

Добавление J Query datepicker в формы Django

0 голосов
/ 13 ноября 2018

Итак, я пытался добавить дату-подборщик J Query (календарь) в мой код django около недели, и я ничего не получил.Я пробовал много учебников, но безрезультатно, поэтому мне нужна помощь.Я довольно новичок в django, но моя работа нуждается во мне, чтобы добавить этот указатель даты на сайт.

Вот мой forms.py: 

class AnimalForm(forms.ModelForm):
    class Meta:
        model = Animal
        fields = ['animal_id','species_strain','dob', 'dod', 'sex', 'source', 'parents', 'labloc', 'notes']
        widgets ={
                    'dob':forms.DateInput(attrs={'class':'datepicker'}),
                    "dod":forms.SelectDateWidget(empty_label=("Choose Year", "Choose Month", "Choose Day")),
                    "parents":SelectMultiple(),
        }

Вот мой views.py:

def addAnimal(request):
if request.method =='POST':
    aform = forms.AnimalForm(request.POST,request.FILES)
    aform.fields['dob'].widget.attrs.update({'class': 'datepicker'})
    aform.fields['dod'].widget.attrs.update({'class': 'datepicker'})
    if aform.is_valid():
        animal = aform.save(commit=False)
        animal.save()
        return redirect('/input')
else:
    aform = forms.AnimalForm()
return render(request, 'lab/input.html', {'aform':aform})

И, наконец, вот мой HTML-шаблон: 

  <!-- date picker html -->
<script src="jquery-3.3.1.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<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>
<script>
$(function() {
$( "#dob" ).datepicker({
  changeMonth: true,
  changeYear: true,
  showButtonPanel: true,
 });
} );
</script>

Надеюсь, это имеет смысл, согласно учебникам, которые я делал, все должно быть правильно, но я, честно говоря, не знаю.По общему признанию я не знаю, что я делаю, но у меня нет выбора, лол.Я пытаюсь использовать J Query DatePicker на их сайте, и я, честно говоря, не могу понять, что не так.Пожалуйста, помогите

...