Jelajahi Sumber

Gui umbau, Datepicker

Rene 9 bulan lalu
induk
melakukan
6d89d785fb
4 mengubah file dengan 6 tambahan dan 3 penghapusan
  1. 1 0
      AD/settings.py
  2. TEMPAT SAMPAH
      db.sqlite3
  3. 2 2
      main/forms.py
  4. 3 1
      templates/main/create_multiple_shifts.html

+ 1 - 0
AD/settings.py

@@ -40,6 +40,7 @@ INSTALLED_APPS = [
     'django.contrib.staticfiles',
     'bootstrap5',
     'main',
+    'django_flatpickr',
 ]
 
 MIDDLEWARE = [

TEMPAT SAMPAH
db.sqlite3


+ 2 - 2
main/forms.py

@@ -18,8 +18,8 @@ class MultipleShiftForm(forms.Form):
         #}
 
     employees = forms.ModelMultipleChoiceField(queryset=Employee.objects.all(), widget=forms.CheckboxSelectMultiple)
-    date = forms.DateField(widget=forms.DateInput)
-    enddate = forms.DateField(widget=forms.DateInput, required=False)
+    date = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}), required=False,)
+    enddate = forms.DateField(widget=forms.DateInput(attrs={'type': 'date'}), required=False, )
     start = forms.TimeField(required=False, widget=forms.TimeInput(format='%H:%M'))
     end = forms.TimeField(required=False, widget=forms.TimeInput(format='%H:%M'))
     shifttype = forms.ChoiceField(choices=Shift.ShiftType.choices)

+ 3 - 1
templates/main/create_multiple_shifts.html

@@ -1,4 +1,6 @@
 {% load bootstrap5 %}
+{{ form.media }}  {# Adds all flatpickr JS/CSS files from CDN #}
+
 <!DOCTYPE html>
 <html lang="de">
 <head>
@@ -11,7 +13,7 @@
         <h2>Mehrere Schichten erstellen</h2>
         <form method="post">
             {% csrf_token %}
-            {% bootstrap_form form %}
+            {{ form.as_p }}  {# Renders the form #}
             <button type="submit" class="btn btn-primary">Schichten erstellen</button>
             <a href="{% url 'public' %}" class="btn btn-secondary">Abbrechen</a>
         </form>