Jquery-Ui Datepicker уже виден при загрузке страницы, а не по клику, как предполагалось

Question

Я скопировал следующее:

https://codepen.io/saifur0123/pen/KZEaeR

Мой код выглядит так:

$(function () {
$('.input-group.date').datepicker({ format: "dd.mm.yyyy" });
});



<div class="row">

    <div class="col-md-2">
        <div class="form-group">
            <label class="control-label">Blubb:</label>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <div id="filterDate2">

                <!-- Datepicker as text field -->
                <div class="input-group date" data-date-format="dd.mm.yyyy">
                    <input type="text" class="form-control" />
                    <div class="input-group-addon">
                        <span class="glyphicon glyphicon-th"></span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Результат выглядит следующим образом ...

Извините, но я не понимаю, почему это не работает, как в коде ручки ... Любая помощь будет высоко ценится.

Answer 1

Я нашел это ...

Я все перепроверил и обнаружил, что нужна не только библиотека jquery-ui, но и bootstrap-datepicker ... Я полностью пропустил это в первый раз ... Это работает сейчас ...