|
|
@ -3,7 +3,7 @@ |
|
|
|
|
|
|
|
|
|
|
|
{% block head %} |
|
|
|
{% block head %} |
|
|
|
{{ super() }} |
|
|
|
{{ super() }} |
|
|
|
<link type="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> |
|
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css"> |
|
|
|
{% endblock %} |
|
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
|
|
|
{% block app_content %} |
|
|
|
{% block app_content %} |
|
|
@ -15,13 +15,33 @@ |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
{% endblock %} |
|
|
|
{% endblock %} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
TODO: |
|
|
|
|
|
|
|
- maak time picker 24 uur based |
|
|
|
|
|
|
|
https://eonasdan.github.io/bootstrap-datetimepicker/Options/#locale+ |
|
|
|
|
|
|
|
- optie voor nu |
|
|
|
|
|
|
|
|
|
|
|
{% block scripts %} |
|
|
|
{% block scripts %} |
|
|
|
{{ super() }} |
|
|
|
{{ super() }} |
|
|
|
|
|
|
|
<!-- TODO: Scripts downloaden naar repo? --> |
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> |
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> |
|
|
|
|
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment-with-locales.min.js"></script> |
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> |
|
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script> |
|
|
|
<script type="text/javascript"> |
|
|
|
<script type="text/javascript"> |
|
|
|
$(function () { |
|
|
|
$(function () { |
|
|
|
$('#datepick').datetimepicker(); |
|
|
|
$('#datetimepicker1').datetimepicker({ |
|
|
|
|
|
|
|
useCurrent: false, //Important! See issue #1075 |
|
|
|
|
|
|
|
locale: 'en-gb' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
$('#datetimepicker2').datetimepicker({ |
|
|
|
|
|
|
|
useCurrent: false, //Important! See issue #1075 |
|
|
|
|
|
|
|
locale: 'en-gb' |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
$("#datetimepicker1").on("dp.change", function (e) { |
|
|
|
|
|
|
|
$('#datetimepicker2').data("DateTimePicker").minDate(e.date); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
$("#datetimepicker2").on("dp.change", function (e) { |
|
|
|
|
|
|
|
$('#datetimepicker1').data("DateTimePicker").maxDate(e.date); |
|
|
|
|
|
|
|
}); |
|
|
|
}); |
|
|
|
}); |
|
|
|
</script> |
|
|
|
</script> |
|
|
|
{% endblock %} |
|
|
|
{% endblock %} |