"ReferenceError:$未定义“;尝试使用日期时间选择器时

"ReferenceError: $ is not defined " while trying to use datetimepicker

本文关键字：日期选择器时间 ReferenceError quot 未定义更新时间：2023-09-26

当我尝试使用引导程序的日期函数时，我收到了此错误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">

我用了好几次这个日期选择器和日期时间选择器。。有时他们工作有时他们不。。。有没有办法在不惹麻烦的情况下使用日期。我的日期选择器功能类似于这个

<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>

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

Jquery
Bootstrap
渲染器（）
Moment.js
日期时间选择器js

还要确保您也只安装了1个jquery版本。

您使用了三个版本的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。

<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每个