Bootstrap日期和时间选择器在本地不起作用
[英]Bootstrap Date & Time Picker not working locally
问题描述
I tiered running bootstrap date & time picker locally by creating an html file but it doesn't worked although its working fine when i pasted the code in JSFiddle (link : https://jsfiddle.net/fuu1v2t0/10/ ). 
我通过创建一个html文件在本地对运行的引导日期和时间选择器进行了分层，但是当我将代码粘贴到JSFiddle中时，它的工作正常，但是它无法正常工作（链接： 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>
我将这些文件包括在内。
bootstrap.min.js, bootstrap-datetimepicker.min.js, bootstrap-combined.min.css, bootstrap-datetimepicker.min.css, bootstrap.css,
bootstrap.min.js，bootstrap-datetimepicker.min.js，bootstrap-combined.min.css，bootstrap-datetimepicker.min.css，bootstrap.css，
3 个解决方案
解决方案1
2 2016-06-13 14:23:36
Please make sure you have called jQuery files also. 请确保您还调用了jQuery文件。
"message": "Uncaught ReferenceError: $ is not defined",
could mean that you don't have the jQuery libraries called in the page. 可能意味着您没有在页面中调用jQuery库。
Try adding this script link to your header. 尝试将此脚本链接添加到标题中。 https://code.jquery.com/jquery-3.0.0.min.js https://code.jquery.com/jquery-3.0.0.min.js
解决方案2
0 已采纳 2016-06-13 14:30:22
Here works with jQuery: 这适用于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>
Reason it worked in fiddle even though you didn't include jQuery is: 即使您不包括jQuery，它也能奏效的原因是：
Click on javascript settings tab and you will see jQuery is already there. 单击javascript设置选项卡，您将看到jQuery已经存在。
解决方案3
0 2016-06-13 15:12:33
Add JQuery in the head tag: 在head标签中添加JQuery：
Code: 码：
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
:) :)
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.