如何集成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/