Правильный способ импорта сценариев jQuery, чтобы избежать: «Uncaught TypeError: $ (…) .daterangepicker не является функцией» - PullRequest
Новая
       11

Правильный способ импорта сценариев jQuery, чтобы избежать: «Uncaught TypeError: $ (…) .daterangepicker не является функцией»

0 голосов
/ 16 февраля 2019

Я получаю следующую ошибку: Uncaught TypeError: $ (…) .daterangepicker не является функцией

при попытке реализовать средство выбора диапазона дат в приложении js узла с движком шаблонов jade / pug.В результате этого при наведении курсора на глиф календаря календарь не появляется.

Я понимаю, что это, вероятно, связано с методом, с помощью которого я импортировал скрипты библиотеки jQuery.Я пробовал несколько решений (например, Uncaught TypeError: $ (...). Daterangepicker не является функцией ), но не могу найти правильный способ импорта.Как я могу импортировать jQuery, чтобы избежать этой проблемы? 

block console_content

  .sensor-page(ng-controller="ambientCtrl")
    script(src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.bundle.min.js")
    script(type='text/javascript', src='https://cdn.jsdelivr.net/jquery/latest/jquery.min.js')
    script(type='text/javascript', src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.js')
    script(type='text/javascript', src='https://cdn.jsdelivr.net/momentjs/latest/moment.min.js')
    script(type='text/javascript', src='https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js')
    link(rel='stylesheet', type='text/css', href='https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css')



    h1 Sensors


    // Date-Time Widget
    div(class="container")
      div(class="row")
        div(class="col-sm-6")
          div(class="form-group")
            div(class='input-group date' id='daterangepicker1')
              input(type='text' class="form-control")
              span(class="input-group-addon")
                span.glyphicon.glyphicon-calendar
        script(type="text/javascript").
          $( document ).ready(function () {$('#daterangepicker1').daterangepicker()});


    // Sensor Checkbox Widget
    p {{selection}}
    label(ng-repeat='sensorName in sensors')
      input(type='checkbox', name='selectedSenors[]', value='{{sensorName}}', ng-checked='selection.indexOf(sensorName) > -1', ng-click='toggleSelection(sensorName)')
      |  {{sensorName}}

    button(ng-click="changeSensors()") Show


    canvas(id="myChart")


    h1 Sensor
    p Info about sensors here
...