Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/414.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Eyecon datepicker不';t与引导和减小页面大小结合使用_Javascript_Jquery_Html_Twitter Bootstrap_Datepicker - Fatal编程技术网

Javascript Eyecon datepicker不';t与引导和减小页面大小结合使用

Javascript Eyecon datepicker不';t与引导和减小页面大小结合使用,javascript,jquery,html,twitter-bootstrap,datepicker,Javascript,Jquery,Html,Twitter Bootstrap,Datepicker,我正在用bootstrap制作UI原型。我使用日期选择器 基本上,它几乎可以正常工作。然而,有一个问题。当我减小页面大小以适应平板电脑或移动格式时,日期选择器停止工作。当我放大页面时,控件开始正常工作。代码如下: <div class="col-xs-8"> <!------------------------------------------------------------------------ Date Time Picker -->

我正在用bootstrap制作UI原型。我使用日期选择器

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

<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 -->

今天
var nowTemp=新日期();
var now=新日期(nowTemp.getFullYear(),nowTemp.getMonth(),nowTemp.getDate(),0,0,0);
$(文档).ready(函数(){
$(“#workDayPicker”).datepicker({
自动关闭:是的,
endDate:新日期(),
今天BTN:是的,
今天的亮点:真的
});
});

谢谢。

默认情况下,jQuery mobile中不包含该插件。有吗


这也可能是

的一个副本。嗯,我的日期选择器在页面大小超过992px左右时工作。当我减小页面大小时,它不起作用!我在页面上使用jquery-1.9.1.min.js和bootstrap.min.js。所以我没有jQuery mobile。我是不是觉得这不是jQuery移动插件!?你所说的“减小页面大小”到底是什么意思。引导的整个概念是通过使用适当的类属性来拥有一个响应页面。也许可以提供正在发生的事情的屏幕截图。更改为col-md-8或其他变体时会发生什么情况?请提供更多信息。“缩小尺寸”-我的意思是当我点击页面边缘并将其拖到一边时。发生的情况:控件仍然显示在页面上,但当我单击它时,日历不会弹出。什么也没发生。当我放大页面时,控件工作正常!