javascript - jquery移动日期框自定义对齐方式

Question

我目前正在使用 jquery mobile datebox (http://dev.jtsage.com/jQM-DateBox/) 来显示日历。我将输入粘贴在带有 display: 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，设置可见性将修复此问题