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，設置可見性將解決這個問題