javascript - Bootstrap-Datepicker 无法正常工作

标签 javascript jquery css twitter-bootstrap datepicker

我的 bootstrap-datetimepicker 不能正常工作
这个问题在这里被问了很多次,但是here的答案, herehere许多其他人没有进一步帮助我......

在我网页的顶部 <head>我包括:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/js/bootstrap-datepicker.min.js"></script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">

然后在我的form我想这样称呼他:

<div class="col-md-4">
    <label class="control-label" for="birthday">Birthday:</label>
       <div class="form-group">
          <div class='input-group date' id='datetimepicker'>
              <input type='text' class="form-control" placeholder="dd/mm/yyyy" value="" />
              <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
              </span>
           </div>
       </div>
</div>

并且在 </body> 之前的底部标签有 javascript/jquery部分:

<script type="text/javascript">
   $('#datetimepicker').datepicker();
</script>

我做错了什么?有人可以纠正我的错误吗?

最佳答案

我读过 bootstrap datepicker 需要 jquery 1.7.1 及更高版本

检查这个fiddle我正在使用 jquery 1.9.1

<div class="col-md-4">
    <label class="control-label" for="birthday">Birthday:</label>
       <div class="form-group">
          <div class='input-group date' id='datetimepicker'>
              <input type='text' class="form-control" placeholder="dd/mm/yyyy" value="" />
              <span class="input-group-addon">
                 <span class="glyphicon glyphicon-calendar"></span>
              </span>
           </div>
       </div>
</div>

关于javascript - Bootstrap-Datepicker 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40585531/

相关文章:

javascript - Javascript onClick 中的innerHTML 没有改变

javascript - jquery提交表单错误

html - 如何自定义 bootstrap 默认顶部固定导航,如下图所示?

Javascript window.open 函数打开 json feed 中的所有 url

javascript - 如何在 JavaScript 中终止或取消异步调用?

javascript - 子菜单相对于主菜单的位置

javascript - 如何查找 href 值包含两个给定字符串的 <a> 元素

javascript - 将焦点放在 Iframe 输入字段 onload

css - Drupal 7 可调整的 css

jquery - 如果在创建页面时没有加载图像,如何删除图像标签