javascript - Eyecon datepicker 无法与 bootstrap 和缩小的页面大小结合使用

Question

我正在使用 bootstrap 制作 UI 原型(prototype)。我用eyecon.ro日期选择器。

基本上，它几乎可以正常工作。然而，有一个问题。当我缩小页面大小以适应平板电脑或移动设备格式时，日期选择器停止工作。当我放大页面时 - 控件开始正常工作。这是代码:

<div class="col-xs-8">
            <!------------------------------------------------------------------------ Date Time Picker -->
            <div class="timentry-list-header">
                <div class="btn-group">
                    <span id="workDayPicker" class="btn btn-default">
                        <span class="glyphicon glyphicon-calendar"></span>
                        Today
                        <span class="caret"></span>
                    </span>
                    <span class="btn btn-default">
                        <span class="glyphicon glyphicon-chevron-left"></span>
                    </span>
                    <span class="btn btn-default disabled">
                        <span class="glyphicon glyphicon-chevron-right"></span>
                    </span>
                </div>
            </div>
            <script>
                var nowTemp = new Date();
                var now = new Date(nowTemp.getFullYear(), nowTemp.getMonth(), nowTemp.getDate(), 0, 0, 0, 0);
                $(document).ready(function() {
                    $('#workDayPicker').datepicker({
                        autoclose: true,
                        endDate: new Date(),
                        todayBtn: true,
                        todayHighlight: true
                    });
                });
            </script>
            <!-----------------------------------------------------------------------END Date Time Picker -->

谢谢。

Answer 1

默认情况下，jQuery Mobile 中不包含该插件。你有吗？

这也可能是 JQuery mobile datepicker doesn't work 的重复项