Javascript jquery移动日期框自定义对齐
我目前正在使用jquery mobile datebox(http://dev.jtsage.com/jQM-DateBox/)显示日历。我用display:none将输入固定在一个div中,然后使用以下javascript手动激活日历:Javascript jquery移动日期框自定义对齐,javascript,jquery,jquery-mobile,jquery-ui-datepicker,Javascript,Jquery,Jquery Mobile,Jquery Ui Datepicker,我目前正在使用jquery mobile datebox(http://dev.jtsage.com/jQM-DateBox/)显示日历。我用display:none将输入固定在一个div中,然后使用以下javascript手动激活日历: $('#opencalendarlink').live('click', function(){ $('#datepicker').datebox('open'); }); 其中opencalendarlink是按钮的id,日期选择器是日历的id。但
$('#opencalendarlink').live('click', function(){
$('#datepicker').datebox('open');
});
其中opencalendarlink是按钮的id,日期选择器是日历的id。但是,日历现在显示为左对齐,尽管按钮和相应的隐藏div是居中对齐的。如何修复此问题?请尝试
<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,设置可见性将解决此问题