javascript - 如何集成 Bootstrap 日期选择器

Question

我目前正在尝试集成 Bootstrap 日期选择器，但由于某种原因它根本无法工作。日期选择器根本没有按应有的方式显示。

我在这里创建了一个 jsfiddle:http://jsfiddle.net/4hmuff8x/它包含日期选择器和 Bootstrap 的 js 代码以及它们的 css。

为了解释我在做什么，下面的 html 代码是我想要日期选择器的输入:

<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，它应该将输入标签“链接”到日期选择器:

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

我真的不明白为什么它不起作用。我希望你们中的一些人能帮助我。

任何帮助将不胜感激。

Answer 1

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


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

加载脚本后调用脚本或在

$(文档).ready(函数(){
//要调用的代码
})

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