如何集成Bootstrap Datepicker

Question

我目前正在尝试集成引导日期选择器，但是由于某种原因它根本无法工作。 datepicker根本不显示应有的状态。

我在这里创建了一个jsfiddle： http : //jsfiddle.net/4hmuff8x/它包含datepicker和bootstrap以及这些CSS的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，应该将输入标签“链接”到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/