Question

虽然我正在尝试使用bootstrap的日期功能但是我收到此错误 ReferenceError：$未定义 我的HTML代码就像

<div class='input-group date' id='datetimepicker1'>
    <label><b>Start Date</b>
       <input type='text' name="start_date" id="start_date" class="form-control" required />
    <span class="input-group-addon">
        <span class="glyphicon glyphicon-calendar"></span>
    </span>
</div>

我在html底部使用了几个链接

<!-- basic scripts -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!--For Date Time-->
<script src="js/jquery-1.7.1.js"></script>  
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">

我使用了这个datepicker和datetimepicker好几次..有时他们工作的时候他们没有...有没有办法使用日期没有遇到任何麻烦。我的日期选择功能就像这样

<script type="text/javascript">
    /*$(function () {
        $('#start_date').datepicker({
            dateFormat: 'yy-mm-dd'
        });

        $('#end_date').datepicker({
            dateFormat: 'yy-mm-dd'
        });
    });*/

    $(function () {
        $('#datetimepicker1').datetimepicker({
            format: 'YYYY-MM-DD'
        });

        $('#datetimepicker2').datetimepicker({
            format: 'YYYY-MM-DD'
        });
    });
</script>

Answer 1

您正在使用三个版本的jQuery，后者清除了插件：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="js/jquery-1.7.1.js"></script>  
<script src="js/bootstrap.js"></script>
<script src="js/bootstrap-datepicker.js"></script> <!-- this is attached to 1.7.1 -->
<script src="//code.jquery.com/jquery-1.10.2.js"></script> <!-- remove this -->

请不要包含不同版本的jQuery，如果您打算这样做，并且有正当理由，请确保它们之间没有冲突，只需提供.noConflict即可。绝对肯定最后会有.noConflict。

Answer 2

我知道这有点老了。我在遇到同样的问题后意识到，它不起作用的原因是因为存在必须加载事物的顺序。

Jquery的
自举
Renderbody（）
Moment.js
datetimepicker js

同时确保您只安装了1个jquery版本。

Answer 3

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>

我想这是我的解决方案... tnx everyone

尝试使用datetimepicker时，“ReferenceError：$未定义”

3 个答案: