«ReferenceError: $ не определен» при попытке использовать DateTimePicker

Question

в то время как я пытаюсь использовать дату функция начальной загрузки, я получаю эту ошибку ReferenceError: $ не определен мой HTML-код, как

<div class='input-group date' id='datetimepicker1'> 
    <label><b>Start Date</b> 
     <input type='text' name="start_date" id="start_date" class="form-control" required /> 
    <span class="input-group-addon"> 
     <span class="glyphicon glyphicon-calendar"></span> 
    </span> 
</div> 

я использовал несколько ссылки в нижней части HTML

<!-- basic scripts --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<!--For Date Time--> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<link rel="stylesheet" href="/resources/demos/style.css"> 

я использовал эту DatePicker и DateTimePicker несколько раз .. Иногда они работают когда-то они не ... есть ли способ использовать дату, не получаяy проблема. моя функция выбора даты, как это

<script type="text/javascript"> 
    /*$(function() { 
     $('#start_date').datepicker({ 
      dateFormat: 'yy-mm-dd' 
     }); 

     $('#end_date').datepicker({ 
      dateFormat: 'yy-mm-dd' 
     }); 
    });*/ 

    $(function() { 
     $('#datetimepicker1').datetimepicker({ 
      format: 'YYYY-MM-DD' 
     }); 

     $('#datetimepicker2').datetimepicker({ 
      format: 'YYYY-MM-DD' 
     }); 
    }); 
</script> 

Answer 1

Вы используете три версии JQuery, и последний убрались плагинов:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script src="js/jquery-1.7.1.js"></script> 
<script src="js/bootstrap.js"></script> 
<script src="js/bootstrap-datepicker.js"></script> <!-- this is attached to 1.7.1 --> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> <!-- remove this --> 

Пожалуйста, не включают в себя различные версии JQuery, и если вы планируя это по уважительной причине, убедитесь, что они не конфликтуют друг с другом, предоставив .noConflict. Конечно, в конце есть .noConflict.

Answer 2

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

я думаю, это мое решение ... Тое все

Answer 3

Я знаю, это немного старым. Я понял, что после этой же проблемы причина, по которой она не работает, заключается в том, что есть порядок, в котором вещи должны быть загружены.

1. Jquery
2. Bootstrap
3. Renderbody()
4. Moment.js
5. DateTimePicker JS

Кроме того, убедитесь, что у вас есть только одна версия JQuery установлена, а также.