アプリにブートストラップの日付ピッカーを含めましたが、css が壊れているようです。つまり、月を選択すると、デモに表示されているスタイルの月とは異なり、すべての月がインラインで表示されます。jqueryとすべてを更新しましたが、何も機能していないようです。以下は、その外観の写真です。
私のコード、
<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>
私は多くのトレイルを行ってきましたが、解決策を思いつくことができません。前もって感謝します。