diff --git a/package.json b/package.json index 367dcf3f0fc2f3f653b426b2489124e58643edbe..1a9a2ac514e6c47ed9b75dbb680b9e3821214d72 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 36f638b8f2c7fca5796b48e1d7bdb2561fa443d0..c26db246f4c72c0e2458576c2fd338b25bed7662 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 560cf9736ece918834dd168e22c60036a83f10d0..a76507cef7057e9d1a7db01ef17bd9e2af85249f 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 47581a152cd6a8b4e321c32c106d49b61fa6b25b..deff308db4b806b0fa4ab118ebc26719d93978db 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 = {