自举日期选择器不能正常工作

我的自举的DateTimePicker不能正常
工作这个问题已经被问过很多次这里，但是从here，here和here答案和曼尼别人没帮我.. 。自举日期选择器不能正常工作

在我的网页在<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>

我到底做错了什么？有人能纠正我的错误吗？

来源

2016-11-14 Blueblazer172

您是否收到任何错误？ –

是的，当我想从输入字段中选择一些东西，它不显示日期选择器... – Blueblazer172

我读过，引导日期选择需要的jQuery 1.7.1及以上

检查这个fiddle IM的使用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>

来源

2016-11-14 09:59:51 GvM

我不知道，但它仍然没有工作... – Blueblazer172

现在它的工作...在尝试了300次 – Blueblazer172

我也不得不包括这个https：///cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.6.4/css/bootstrap-datepicker.css – Blueblazer172

在document ready function尝试换装插件初始化。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#datetimepicker').datepicker(); 
    }); 
</script>

来源

2016-11-14 09:54:01 emtei

将无法正常工作...这是一个在本地主机上工作的问题？ – Blueblazer172

检查浏览器控制台是否有错误。 'ctrl + shift + j'in chrome。有没有错误？也尝试在'bootstrap-datepicker.min.js'之前移动'bootstrap.min.js'。导入js文件的顺序应该是： 1. jquery – emtei

是啊最后工作 – Blueblazer172

自举日期选择器不能正常工作

回答

相关问题