Bootstrap datetimepicker $ (...). Datetimepicker не является функцией, даже после размещения скрипта в правильном порядке - PullRequest
Новая
       85

Bootstrap datetimepicker $ (...). Datetimepicker не является функцией, даже после размещения скрипта в правильном порядке

0 голосов
/ 21 мая 2018

Я использую django-bootstrap4-datetimepicker.Ниже приведен порядок, в котором я включаю необходимые файлы JavaScript.Даже после этого он выдает - Uncaught 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 }}"),
          });
    });

Любые советы / помощь будут высоко оценены.

...