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