繁体   English   中英

Eyecon Datepicker无法与引导程序结合使用并减小页面大小

[英]Eyecon datepicker doesn't work in combination with bootstrap and reduced page size

我正在使用Bootstrap制作UI原型。 我使用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 -->

谢谢。

默认情况下,该插件未包含在jQuery mobile中。 你有吗?

这也可能是JQuery移动日期选择器的重复项不起作用

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM