如何使用bootstrap、javascript、jquery创建内联日历
提问于 2017-02-15 04:37:37
我有一个index.html文件。我想使用bootstrap.But创建一个内联日历，我收到一个名为"VM1487:3未捕获TypeError：$(...).datetimepicker is not a function“的错误消息”.I not know good bootstrap，javascript.please帮帮我，这是我的代码：
/index.html
<div class="form-group all-forms">
<div class="col-sm-3 col-sm-offset-5 r-view">
<div id="datetimepicker"></div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker({
inline: true,
sideBySide: true
});
});
</script>
回答 1
Stack Overflow用户
发布于 2017-02-15 04:43:22
您正在使用datetimepicker，而它应该是datepicker。就像文件上说的。试试这个，它应该会起作用。确保包含正确的css和js。
以下是在使用jquery和bootstrap js之前必须包含的datetimepicker的css和js文件：
<script type="text/javascript">
$(function () {
$('#datetimepicker').datetimepicker({
// your options
});
});
</script><link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.css" rel="stylesheet" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/js/bootstrap-datetimepicker.min.js"></script>
希望这能有所帮助。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42240839
复制
腾讯云开发者
