如何集成 Bootstrap 日期选择器

Question

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

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

为了解释我在做什么，以下 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，应该"link"日期选择器的输入标签：

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

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

任何帮助将不胜感激。

Answer 1

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

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

加载脚本后或在

上调用脚本

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

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

如何集成 Bootstrap 日期选择器

How to integrate the Bootstrap datepicker

javascript

css

jquery

datepicker

twitter-bootstrap