Bootstrap datetimepicker $(...)。datetimepicker不是函数,即使在按正确顺序放置脚本后

时间:2018-05-21 11:33:28

标签: django datetimepicker bootstrap-datetimepicker

我正在使用django-bootstrap4-datetimepicker。以下是我包含所需javascript文件的顺序。即便如此,它还是给予 - 未捕获的TypeError:$(...)。datetimepicker不是函数

{% extends 'base.html' %}
{% load static %}
{% block extra_head %}
<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.3/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet"
          href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.7.14/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="{% static 'css/timeline.css' %}">

    {{ form.media }}
</head>
{% endblock %}
<div class="middle">
    {% block content %}

    {% endblock %}
</div>
</html>

以下是我在HTML文件中使用它的方法。

$(document).ready(function () {
            if (sessionStorage.scrollTop != "undefined") {
                $(window).scrollTop(sessionStorage.scrollTop);
            }
            $('#act_time').datetimepicker({
                format: 'MM/DD/YYYY HH:mm',
                maxDate: new Date(),
                minDate: new Date("{{ min_date.isoformat }}"),
          });
    });

任何提示/帮助都将受到高度赞赏。

0 个答案:

没有答案