add proper datepicker

jdav_web/ludwigsburgalpin/templates/ludwigsburgalpin/termine.html

@@ -4,6 +4,16 @@
 	<title>
 		Ludwigsburg Alpin Terminverwaltung
 	</title>
+  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.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() {
+      $( ".datepicker" ).datepicker({
+        dateFormat: "dd.mm.yy" 
+      });
+  } );
+  </script>
 </head>
 
 <p><b>Hier kannst Du Deinen Termin eintragen, pass bitte auf, weil danach kannst Du ihn nicht mehr ändern</b></p>

jdav_web/ludwigsburgalpin/views.py

@@ -1,15 +1,20 @@
 from django.shortcuts import render
 from django import forms
 from django.http import HttpResponseRedirect
+from django.contrib.admin import widgets
 from .models import Group, Termin
 
+from bootstrap_datepicker.widgets import DatePicker
+
+datepicker = forms.TextInput(attrs={'class': 'datepicker'})
+
 
 class TerminForm(forms.Form):
     title = forms.CharField(label='Termin')
-    start_date = forms.DateField(widget=forms.SelectDateWidget(),
+    start_date = forms.DateField(label='Von',
-                           label='Von')
+                                 widget=datepicker)
-    end_date = forms.DateField(widget=forms.SelectDateWidget(),
+    end_date = forms.DateField(label='Bis',
-                               label='Bis')
+                               widget=datepicker)
     group = forms.ModelChoiceField(label='Gruppe',
                                    queryset=Group.objects.all())