[英]BootStrap : Uncaught TypeError: $(…).datetimepicker is not a function
我剛剛開始使用BootStrap，但是Uncaught TypeError: $(...).datetimepicker is not a function了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>
所有文件都放在Eclipse中的WebContent文件夾下，但outside META-INF和WEB-INF文件夾之外。
css 文件夾 下的 文件
fonts 下的 文件
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
任何指導都值得注意
您正在使用datetimepicker當它應該是datepicker 。 按照文檔 。 試試這個它應該工作。
<script type="text/javascript">
$(function () {
$('#datetimepicker9').datepicker({
viewMode: 'years'
});
});
</script>
我有同樣的問題，你必須首先加載Moment.js文件！
<script src="path/moment.js"></script> <script src="path/bootstrap-datetimepicker.js"></script>
這有點晚了但我知道它會幫助某人：
如果您使用datetimepicker確保包含正確的CSS和JS文件。 datetimepicker使用（記下他們的名字）;
和
關於@ mindfreak提出的上述問題，主要問題是由於導入的文件。
你們復制了錯誤的代碼。
如果你想要縮小版本，進入“/ build”文件夾並獲取jquery.datetimepicker.full.js或jquery.datetimepicker.full.min.js。 它應該解決它！ :)
您正在使用舊版本的日期選擇器js。 使用最新版本升級datepicker js。
用這將替換你的bootstrap-datetimepicker.min.js文件..
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script>
我有這個問題。 我的解決方案是刪除Vue.js文件的鏈接。 Vue.js和JQuery在datepicker和datetimepicker函數中有一些沖突。
錯誤“未捕獲的TypeError：$（...）。datetimepicker不是函數”
[英]Error “Uncaught TypeError: $(…).datetimepicker is not a function”
引導未捕獲的typeError：$（…）.timepicker不是函數
[英]bootstrap uncaught typeError: $(…).timepicker is not a function
Bootstrap - “未捕獲的TypeError：undefined不是函數”
[英]Bootstrap - “Uncaught TypeError: undefined is not a function”
已解決 - Uncaught TypeError: $(...).datetimepicker is not a function at app.js:61
[英]Solved - Uncaught TypeError: $(…).datetimepicker is not a function at app.js:61
Laravel 7 bootstrap datepicker：未捕獲的類型錯誤：$(...).datepicker 不是函數
[英]Laravel 7 bootstrap datepicker: Uncaught TypeError: $(…).datepicker is not a function
Bootstrap FullCalendar未捕獲的TypeError：undefined不是函數
[英]Bootstrap FullCalendar Uncaught TypeError: undefined is not a function
Bootstrap .dropdown（）“Uncaught TypeError：undefined不是函數”
[英]Bootstrap .dropdown() “Uncaught TypeError: undefined is not a function”
Bootstrap Modal JS Uncaught TypeError：未定義不是函數
[英]Bootstrap Modal JS Uncaught TypeError: undefined is not a function
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.