0

私はそれ自体でカレンダーをいじってみましたが、それは完璧に機能します。ここにリンクの説明を入力しますが、コードに入れたときにカレンダーをクリックすると、ボックスが故障する理由がわかりません。どの行がボックスを混乱させるのかわかりません。UI.all.cssとbootstrapを使用しています。それらは両方とも私が提供したリンクにあります、datepickerのコードは

<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 に答える