引导日期和时间选择器不在本地工作
引导日期和时间选择器不在本地工作
提问于 2016-06-13 14:20:15
我通过创建html文件在本地运行引导日期和时间选择器，但是它没有工作，尽管它在JSFiddle (link：https://jsfiddle.net/fuu1v2t0/10/)中粘贴代码时运行得很好。
$(function() {
$('#datetimepicker2').datetimepicker({
language: 'en',
pick12HourFormat: true
});
});<div class="well">
<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div> I included these files for the same. bootstrap.min.js, bootstrap-datetimepicker.min.js, bootstrap-combined.min.css, bootstrap-datetimepicker.min.css, bootstrap.css,
回答 3
Stack Overflow用户
回答已采纳
发布于 2016-06-13 14:30:22
这里与jQuery一起工作：
$(function() {
$('#datetimepicker2').datetimepicker({
language: 'en',
pick12HourFormat: true
});
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap.css" rel="stylesheet" />
<link href="https://tarruda.github.io/bootstrap-datetimepicker/assets/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<link href="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet" />
<script src="https://tarruda.github.io/bootstrap-datetimepicker/assets/js/bootstrap-datetimepicker.min.js"></script>
<script src="https://netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>
<div class="well">
<div id="datetimepicker2" class="input-append">
<input data-format="MM/dd/yyyy HH:mm:ss PP" type="text"></input>
<span class="add-on">
<i data-time-icon="icon-time" data-date-icon="icon-calendar">
</i>
</span>
</div>
</div>
即使您没有包含jQuery，但它在小提琴中工作的原因是：
单击javascript设置选项卡，您将看到jQuery已经在那里。
Stack Overflow用户
发布于 2016-06-13 14:23:36
请确保您也调用了jQuery文件。
"message": "Uncaught ReferenceError: $ is not defined", 可能意味着您没有在页面中调用jQuery库。
尝试将此脚本链接添加到标题中。https://code.jquery.com/jquery-3.0.0.min.js
Stack Overflow用户
发布于 2016-06-13 15:12:33
在head标记中添加JQuery：
代码：
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>:)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/37792172
复制相关文章
相似问题
腾讯云开发者
