0

我曾尝试单独使用压光机,并且效果很好。在此处输入链接描述,但我不明白为什么当我将日历放入我的代码时单击日历时,框会出现故障。我不知道哪一行导致盒子变得一团糟。我正在使用 UI.all.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>
4

1 回答 1

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/

于 2012-11-08T23:27:00.980 回答