2011-11-13 107 views
0

我目前使用jquery mobile datebox(http://dev.jtsage.com/jQM-DateBox/)来显示日历。我卡在输入与显示一个div:无,然后我手动激活与以下JavaScript日历:jquery mobile datebox自定义对齐

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

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

回答

2

请尝试

<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,设置的知名度会解决此问题