jquery移动日期箱自定义对齐

Question

我目前正在使用jquery mobile datebox（http://dev.jtsage.com/jQM-DateBox/）来显示日历。 我将输入卡在显示：none的div中，然后使用以下javascript手动激活日历：

$('#opencalendarlink').live('click', function(){
    $('#datepicker').datebox('open');
});

其中opencalendarlink是按钮的id，日期选择器是日历的id。 但是，日历现在显示为左对齐，但按钮和相应的隐藏div是居中对齐的。 我怎样才能解决这个问题？

Answer 1

请试试

    <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，设置可见性将解决这个问题