min*_*eak 16 html javascript css jquery twitter-bootstrap
我刚刚开始使用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>
所有文件都放在WebContentEclipse 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
任何指导都值得注意
tok*_*ble 22
你正在使用datetimepicker它应该是什么时候datepicker.按照文档.试试这个它应该工作.
<script type="text/javascript">
$(function () {
$('#datetimepicker9').datepicker({
viewMode: 'years'
});
});
</script>
小智 8
我有同样的问题,你必须加载fisrt Moment.js文件!
<script src="path/moment.js"></script>
<script src="path/bootstrap-datetimepicker.js"></script>小智 6
这有点晚了但我知道它会帮助某人:
如果您正在使用,请datetimepicker确保包含正确的CSS和JS文件.datetimepicker用途(注意他们的名字);
和
关于@ mindfreak提出的上述问题,主要问题是由于导入的文件.
| 归档时间： |
|
| 查看次数： |
90765 次 |
| 最近记录： |