我目前正在使用jquery mobile datebox(http://dev.jtsage.com/jQM-DateBox/)来显示日历。我将输入卡在一个div中,显示:无,然后我使用以下javascript手动激活日历:
$('#opencalendarlink').live('click', function(){
$('#datepicker').datebox('open');
});
其中opencalendarlink是按钮的ID,日期选择器是日历的id。但是,日历现在显示为左对齐,但按钮和相应的隐藏div是居中对齐的。我该如何解决这个问题?
答案 0 :(得分:2)
请尝试
<div style="visibility:hidden; height: 0px;">
<label for="mydate">Some Date</label>
<input name="mydate" id="mydate" type="date" data-role="datebox"
data-options='{"mode": "calbox"}'>
</div>
jQM-DateBox可能从它的父级计算它的位置,因为它没有渲染(因为显示:无)这将是0,0,设置可见性将解决这个问题