jquery - 我的日期选择器 Jquery 超出了 css 范围

Question

我试过单独使用压光机，效果非常好。 enter link description here但我不明白为什么当我在我的代码中点击日历时，这个框变得乱七八糟。我无法弄清楚哪一行导致盒子变得一团糟。我正在使用 UI.all.css 和 Bootstrap 。它们都在我提供的链接中，日期选择器的代码是

<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>

Answer 1

添加这个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/