Bootstrap: Uncaught TypeError:. $ (...) DateTimePicker не является функция

Я только начал с Bootstrap, однако многожильной с Uncaught TypeError: $(...).datetimepicker is not a function сообщением об ошибке. Может ли кто-нибудь сообщить мне, что пропало без кода?

С тех пор ссылались на несколько похожих вопросов, но безрезультатно.

home_page.html

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="ISO-8859-1"> 
<meta name="viewport" content="width=device-width, initial-scale=1"> 

<title>Health Insurance</title> 

<link rel="stylesheet" href="css/bootstrap.min.css"> 
<link rel="stylesheet" href="css/bootstrap-theme.css"> 
<link rel="stylesheet" href="js/bootstrap-datepicker.min.css"> 
<link rel="stylesheet" href="css/bootstrap.css"> 

</head> 

<body> 
    <form role="form"> 

    <div class="form-group form-group-sm"> 
     <label class="col-sm-2 control-label" for="insuredName">Insured Name :</label> 
      <div class="col-sm-3"> 
       <input class="form-control" type="text" id="insuredName" placeholder="Insured Name"> 
     </div> 
    </div> 


    <div class="form-group form-group-sm"> 
     <label class="col-sm-2 control-label" for="rel_PolicyHolder">Relation with Policy Holder :</label> 
     <div class="col-sm-3"> 
      <input class="form-control" type="text" id="rel_PolicyHolder" placeholder="Relation with Policy Holder"> <br /> 
      <br /> 
     </div> 
    </div> 


<div class="container" > 
<div class="col-sm-4" style="height:130px; align:right"> 

      <div class='input-group date'> 
       <input type='text' class="form-control" id='datetimepicker9' /> 
        <span class="input-group-addon"> 
          <span class="glyphicon glyphicon-calendar"></span> 
        </span> 

      <script src="js/jquery-1.11.2.min.js"></script></script> 
      <script src="js/bootstrap.min.js"></script> 
      <script src="js/bootstrap-datepicker.min.js"></script> 


    <script type="text/javascript"> 
      $(function() { 
      $('#datetimepicker9').datetimepicker({ 
      viewMode: 'years' 
      }); 
     }); 
     </script> 
    </div> 

    </div> 
    </div> 

</form> 

</body> 
</html>

Все файлы помещаются под WebContent папку в Eclipse, но outside из META-INF и WEB-INF папку.

файлов подcssпапку

самозагрузки-theme.css
bootstrap-theme.css.map
самозагрузки-theme.min.css
самозагрузки. css
bootstrap.css.map
bootstrap.min.css
enhanced.css
JQuery-ui.css
ui.daterangepicker.css

Файлы подfontsпапку

glyphicons-halflings-regular.eo т
glyphicons-полурослики-regular.svg
glyphicons-полурослики-regular.ttf
glyphicons-полурослики-regular.woff
glyphicons-полурослики-regular.woff2

Файлы подjsпапку

бутстраповские-datepicker.min.css
бутстраповские-datepicker.min.js
bootstrap.js
bootstrap.min.JS
date.js
enhance.min.js
fileinput.jquery.js
JQuery-1.11.2.min.js
JQuery-1.8.3.min.js
JQuery-1.9.0.min.js
JQuery-ui.js
npm.js

сообщения об ошибке

Uncaught TypeError: $(...).datetimepicker is not a function

(anonymous function) @ home_page.html:82

m.Callbacks.j @ jquery-1.11.2.min.js:2

m.Callbacks.k.fireWith @ jquery-1.11.2.min.js:2

m.extend.ready @ jquery-1.11.2.min.js:2

J @ jquery-1.11.2.min.js:2

Любое руководство будет отметить

источник

2015-04-30 mindfreak

Загружается 'bootstrap-datepicker', но используется' datetimepicker'. Это два отдельных пакета. – h2ooooooo

Это '$ (...) .datepicker ({options})'. Прочтите https://bootstrap-datepicker.readthedocs.org/en/latest (он также находится в файле readme) – Amelia

@ Не знаю, я использую этот проект в BS3, когда я его набираю, и это определенно «datepicker». - Это репо содержит код 2 и 3. – Amelia

Вы используете datetimepicker, когда он должен быть datepicker. Согласно docs. Попробуйте это, и он должен работать.

<script type="text/javascript"> 
    $(function() { 
    $('#datetimepicker9').datepicker({ 
     viewMode: 'years' 
    }); 
    }); 
</script>

источник

2015-04-30 09:18:30 tokyovariable

** Идеально !!! ** Ошибка исчезла ... пожалуйста, помогите мне сейчас чтобы перестроить текстовое поле выбора даты, чтобы оно проходило в тандеме с текстовым полем предыдущей строки. – mindfreak

NIce работает, но предоставляет объект даты. Я проверил его строку предоставления.Вы поможете в этом? –

Это немного поздно, но я знаю, что это поможет кому-то:

Если вы используете datetimepicker убедитесь, что вы включили правильный CSS и JS файлы. datetimepicker использует (обратите внимание на их имена);

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css

https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js

На поставленный выше вопрос, заданный @ Mindfreak, Основная проблема связана с импортированными файлами.

источник

2016-01-05 13:52:11 JobSam

У меня была такая же проблема, у вас есть загрузка fisrt файла Moment.js!

<script src="path/moment.js"></script> 
 
<script src="path/bootstrap-datetimepicker.js"></script>

источник

2016-01-21 17:19:18

Вы, ребята, скопировал неправильный код.

Зайдите в папку «/ build» и возьмите jquery.datetimepicker.full.js или jquery.datetimepicker.full.min.js, если вы хотите получить мини-версию. Он должен исправить это! :)

источник

2017-03-08 05:45:47

Bootstrap: Uncaught TypeError:. $ (...) DateTimePicker не является функция

ответ

Смежные вопросы