From 22600d37c7cbd2011a9b1b94439d21c22a4b5722 Mon Sep 17 00:00:00 2001 From: Tobias Bengfort Date: Mon, 9 Nov 2020 18:00:50 +0100 Subject: [PATCH] add datepicker polyfill for safari --- package.json | 4 +++- scheduler/main/static/scheduler.js | 13 +++++++++++++ scheduler/main/templates/base.html | 4 ++++ scheduler/settings/default.py | 6 ++++++ 4 files changed, 26 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 367dcf3..1a9a2ac 100644 --- a/package.json +++ b/package.json @@ -2,6 +2,8 @@ "name": "scheduler", "version": "1.0.0", "dependencies": { - "bootstrap": "^4.5.3" + "bootstrap": "^4.5.3", + "bootstrap-datepicker": "^1.9.0", + "jquery": "^3.5.1" } } diff --git a/scheduler/main/static/scheduler.js b/scheduler/main/static/scheduler.js index 36f638b..c26db24 100644 --- a/scheduler/main/static/scheduler.js +++ b/scheduler/main/static/scheduler.js @@ -144,4 +144,17 @@ th.textContent = formatDate(tr.dataset.value) + ' '; th.append(createDeleteButton(rmRow)); } + + document.querySelectorAll('[type="date"]').forEach(function(e) { + if (e.type !== 'date') { + $(e).datepicker({ + format: 'yyyy-mm-dd', + language: document.documentElement.lang, + autoclose: true, + calendarWeeks: true, + daysOfWeekHighlighted: '0,6', + todayHighlight: true, + }); + } + }); })(); diff --git a/scheduler/main/templates/base.html b/scheduler/main/templates/base.html index 560cf97..a76507c 100644 --- a/scheduler/main/templates/base.html +++ b/scheduler/main/templates/base.html @@ -9,6 +9,7 @@ {% block title %}{{ TITEL }}{% endblock %} +
@@ -38,6 +39,9 @@ + + + {% block extra_scripts %}{% endblock %} diff --git a/scheduler/settings/default.py b/scheduler/settings/default.py index 47581a1..deff308 100644 --- a/scheduler/settings/default.py +++ b/scheduler/settings/default.py @@ -111,6 +111,12 @@ NPM_FILE_PATTERNS = { 'bootstrap': [ 'dist/css/bootstrap.min.css', ], + 'bootstrap-datepicker': [ + 'dist/css/bootstrap-datepicker3.min.css', + 'dist/js/bootstrap-datepicker.min.js', + 'dist/locales/bootstrap-datepicker.de.min.js', + ], + 'jquery': ['dist/jquery.min.js'], } BOOTSTRAP4 = { -- GitLab