0

アプリにブートストラップの日付ピッカーを含めましたが、css が壊れているようです。つまり、月を選択すると、デモに表示されているスタイルの月とは異なり、すべての月がインラインで表示されます。jqueryとすべてを更新しましたが、何も機能していないようです。以下は、その外観の写真です。 スクリーン ダンプ 1

スクリーン ダンプ 2

私のコード、

<link rel="stylesheet" href="http://localhost/htdocs/fd1/css/fullcalendar.css" />
<link rel="stylesheet" href="http://localhost/htdocs/fd1/css/fullcalendar.print.css" media='print'/>
<!-- <script type="text/javascript" src="http://localhost/htdocs/fd1/js/jquery-ui-1.10.2.custom.min.js"></script> -->
<script type="text/javascript" src="http://localhost/htdocs/fd1/js/fullcalendar.min.js"></script>
<script type="text/javascript" src="http://localhost/htdocs/fd1/js/bootstrap.js"></script>
<link rel="stylesheet" href="http://localhost/htdocs/fd1/css/bootstrap.css" />
<link rel="stylesheet" src="http://localhost/htdocs/fd1/css/jquery-dtpicker.css" />
<!-- <script type="text/javascript" src="http://localhost/htdocs/fd1/js/jquery.js"></script> -->
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://localhost/htdocs/fd1/js/jquery-dtpicker.js"></script>
<script type="text/javascript" src="http://localhost/htdocs/fd1/js/bootstrap.min.js"></script>
<script type="text/javascript" src="http://localhost/htdocs/fd1/css/bootstrap-responsive.css"></script>
<!--<script type="text/javascript" src=""></script>-->
<script type="text/javascript" src="http://localhost/htdocs/fd1/js/jquerydatatables.js"></script>
<script type="text/javasctipt" src=http://localhost/htdocs/fd1/js/bootstrap-alert.js></script>

体内で:

<div class="control-group">
        <label class="control-label">Start Date:</label>
        <div class="controls"> <input type="text" id="dp1" >
    </div>
<script type="text/javascript">

    $(function(){
                $('#dp1').datepicker();
            });
    </script>

私は多くのトレイルを行ってきましたが、解決策を思いつくことができません。前もって感謝します。

4

0 に答える 0