2012-11-08 25 views
0

我试图用自己的日历玩,并且它的功能完美。 enter link description here但我不明白为什么当我点击压光机时,我把它放在我的代码中,盒子变得失灵。我不知道哪一行会导致这个盒子变成一团糟。我正在使用UI.all.css和bootstrap。它们都存在于我所提供的链接,为日期选择器的代码是我的日期选择器jquery它的css范围外

<div class="well form-inline"> Original Image Date 
    <form> 
     <input id="date" class="span2" size="16" type="text" readonly=""/> 
    </form> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#date").datepicker({ showOn: 'button', buttonImageOnly: true, buttonImage: 'http://beta.orbitelcom.com/wp-content/uploads/2011/03/icon_cal.jpg' }); 
     }); 
    </script> 
</div> 

回答

0

添加这个CSS

.ui-datepicker-header select.ui-datepicker-new-month { 
    height: auto; 
} 
.ui-datepicker-header select.ui-datepicker-new-year { 
    height: auto; 
} 

http://jsfiddle.net/p7rtu/2/

+0

它完全没有,但还是它的犯规我的地方电脑 –

+0

http://jsfiddle.net/p7rtu/3/ –

+0

这是整个代码 –

相关问题