javascript - 引导日期时间选择器/日期选择器不显示日历。无法选择日期

Question

我正在尝试让 Bootstrap 日期时间选择器与数据表结合使用，以便在选择日期时过滤数据表。问题是，它只是在我的页面上显示为输入栏，没有日历或日历符号。这听起来像是 CDN/库引用问题，但我已经仔细检查过，并且似乎已全部加载:

。 jQuery。 moment.js。 Bootstrap 。 bootstrap-datetimepicker.min.js。 bootstrap-datetimepicker.min.css

我已确保 Moment 在 bootstrap 和 jquery 之前加载。我相信这就是我需要的所有引用资料？任何帮助将不胜感激。谢谢

<div class="container">
    <div class='col-md-4'>
        <div class="form-group">
            <div class='input-group date' id='from'>
                <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-4'>
        <div class="form-group">
            <div class='input-group date' id='to'>
                <input type='text' class="form-control" />
                <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                </span>
            </div>
        </div>
    </div>
</div>
<script>
$(function () {
                $('#from').datetimepicker({
                    format: 'DD MMMM YYYY',
                    extraFormats: ['DD MM YYYY', 'DD.MM.YYYY', 
'DD/MM/YYYY', 'DD MMM YYYY', 'DD.MMM.YYYY', 'DD/MMM/YYYY', 'DD MMMM YYYY', 
'DD.MMMM.YYYY', 'DD/MMMM/YYYY']
                }).on('dp.change', function (e) {
                    UpdateDataCount();
                });

                $('#to').datetimepicker({
                    format: 'DD MMMM YYYY',
                    extraFormats: ['DD MM YYYY', 'DD.MM.YYYY', 
'DD/MM/YYYY', 'DD MMM YYYY', 'DD.MMM.YYYY', 'DD/MMM/YYYY', 'DD MMMM YYYY', 
'DD.MMMM.YYYY', 'DD/MMMM/YYYY']
                }).on('dp.change', function (e) {
                    UpdateDataCount();
                });
            });

UpdateDataCount: function () {
        $.fn.dataTable.ext.search.push(
            function (settings, data, dataIndex) {
                var from = $('#from').datetimepicker("getDate");
                var to = $('#to').datetimepicker("getDate");

                //data being searched
                var startDate = new Date(data[2]);

                //if true show row/ if not, don't
                if (from == null && to == null) { return true; }
                if (from == null && startDate <= to) { return true; }
                if (to == null && startDate >= from) { return true; }
                if (startDate <= to && startDate >= from) { return true; }
                return false;
            }
        );
    }
</script>

Answer 1

回答我自己的问题，datetimepicker 与 bootstrap 4 不兼容