Javascript Eyecon datepicker不';t与引导和减小页面大小结合使用
我正在用bootstrap制作UI原型。我使用日期选择器 基本上,它几乎可以正常工作。然而,有一个问题。当我减小页面大小以适应平板电脑或移动格式时,日期选择器停止工作。当我放大页面时,控件开始正常工作。代码如下: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 -->
<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或其他变体时会发生什么情况?请提供更多信息。“缩小尺寸”-我的意思是当我点击页面边缘并将其拖到一边时。发生的情况:控件仍然显示在页面上,但当我单击它时,日历不会弹出。什么也没发生。当我放大页面时,控件工作正常!