Javascript: средство выбора даты не отображается в моем календаре

Итак, я хочу реализовать средство выбора даты в своей форме, и в настоящее время у меня есть два поля ввода (это не то, что я хочу). Я хочу, чтобы пользователь щелкнул раскрывающийся список, и он должен отображать даты, которые они хотят выбрать. Однако этот выпадающий список не отображается, даже если я его «закодировал». Вот код:

Покупки-Cart.php

   <div class='col-md-5'>
    <div class="form-group">
        <div class='input-group date' id='datetimepicker6'>
            <input type='text' class="form-control"/>
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
</div>
<div class='col-md-5'>
    <div class="form-group">
        <div class='input-group date' id='datetimepicker7'>
            <input type='text' class="form-control"/>
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
    </div>
</div>

<script>
$(function () {

    $('#datetimepicker6').datetimepicker();
    $('#datetimepicker7').datetimepicker({
        useCurrent: false //Important! See issue #1075
    });
    $("#datetimepicker6").on("dp.change", function (e) {
        $('#datetimepicker7').data("DateTimePicker").minDate(e.date);
    });
    $("#datetimepicker7").on("dp.change", function (e) {
        $('#datetimepicker6').data("DateTimePicker").maxDate(e.date);
    });
});

</script>

По какой-то причине появляются только два поля ввода, а фактическое раскрывающееся меню, в котором я выбираю дату, не появляется.