Jquery移动日期框自定义对齐

jquery mobile datebox custom alignment

本文关键字：自定义 对齐 日期 移动 Jquery      更新时间：2023-09-26

我目前使用jquery移动日期框(http://dev.jtsage.com/jQM-DateBox/)来显示日历。我用display: none将输入固定在一个div中，然后用以下javascript手动激活日历:

$('#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可能从它的父节点计算它的位置，因为它没有呈现(因为display:none)，这将是0,0，设置可见性将修复这个

相关文章：