caspervk/drakul
1
0
Fork 0
Code Releases Activity

Add flatpickr HTML datetime picker.

Browse source
This commit is contained in:
Casper V. Kristensen 2020-09-23 15:40:25 +02:00
parent 12acc50d5a
commit 05871a7ddf
Signed by: caspervk
GPG key ID: 289CA03790535054
4 changed files with 29 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
drakul/base/static/css/flatpickr.min.css vendored Normal file
View file

File diff suppressed because one or more lines are too long

2
drakul/base/static/js/flatpickr.min.js vendored Normal file
View file

File diff suppressed because one or more lines are too long

11
drakul/base/static/js/main.js
View file

@ -14,3 +14,14 @@ function getCookie(name) {
}
return cookieValue;
}
$(".datetimeinput").flatpickr({
enableTime: true,
allowInput: true,
time_24hr: true,
defaultHour: 20,
locale: {
firstDayOfWeek: 1,
}
});

2
drakul/base/templates/base.html
View file

@ -9,6 +9,7 @@
<title>{% block title %}Base{% endblock %} | {{ request.site.name }}</title>
<link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/flatpickr.min.css' %}" type="text/css">
<link rel="stylesheet" href="{% static 'css/main.css' %}" type="text/css">
</head>
<body class="d-flex flex-column h-100 bg-light">
@ -60,6 +61,7 @@
<script src="{% static 'js/jquery.slim.min.js' %}"></script>
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>
<script src="{% static 'js/interact.min.js' %}"></script>
<script src="{% static 'js/flatpickr.min.js' %}"></script>
<script src="{% static 'js/main.js' %}"></script>
{% block scripts %}{% endblock scripts %}
</body>