Bootstrap Datepicker未显示日历

Question

我一直试图让引导日期选择器工作一段时间，而且似乎我做错了什么。任何帮助，将不胜感激。

我在正确的文件夹中有bootstrap.datepicker.js，并且在我的主要js中调用了类。

  $('.datepicker').datepicker();​

我的输入看起来像这样

<input type='text' class='form-control date-picker datepicker dates col-md-3' name="" value="" data-date-format='mm/dd/yyyy' />

我错过了什么？

为了帮助展示正在发生的事情，我创建了一个jsfiddle http://jsfiddle.net/75JgV/2/

Answer 1

只是替代

您的$('.datepicker').datepicker();必须在JS组件之后

小提琴：http://jsfiddle.net/75JgV/3/

Answer 2

你的jsfiddle例子的问题是

$('.datepicker').datepicker();​

在包含jquery之后，

代码必须进行，所以将它放在js的末尾

Answer 3

尝试

$('.date-picker').datepicker();​

因为你的输入有这个类。

Answer 4

您的输入应该具有与JS中定义的相同的类

所以看起来应该是这样的

<input type='text' class='datepicker form-control date-picker dates col-md-3' name="" value="" data-date-format='mm/dd/yyyy' />

Answer 5

加载所有页面时运行：

$(function(){
 $('.datepicker').datepicker();​
});