Question

我目前正在尝试集成bootstrap datepicker，但由于某种原因它根本不起作用。日期选择器根本不显示它应该显示。

我在这里创建了一个jsfiddle：http://jsfiddle.net/4hmuff8x/ 它包含datepicker和bootstrap的js代码以及这些的css。

为了解释我在做什么，下面的html代码是我想要datepicker的输入：

<div class="col-md-10 col-md-offset-1 spacer-below-20">
                                <label>The date</label>
                                <div class="input-group">
                                    <input class="datepicker" type="text" name="date">
                                </div>
                            </div>

当然我写了一些js，它应该将输入标签“链接”到datepicker：

<script>
            $(function(){
                $('.datepicker').datepicker({
                        format: 'dd.mm.yyyy'
                });
            });
            </script>

我真的无法弄清楚它为什么不起作用。我希望你们中的一些人可以帮助我。

非常感谢任何帮助。

Answer 1

在给定的小提琴中，在将js文件加载到DOM之前调用以下函数。

$('.datepicker').datepicker({ format: 'dd.mm.yyyy' });

在加载脚本后调用脚本或在

上调用脚本

$(document).ready(function(){ //code to call })

https://jsfiddle.net/santoshj/4hmuff8x/2/

如何集成Bootstrap datepicker

1 个答案: