gpt4 book ai didi

javascript - 引导日期时间选择器 : $ is not defined

转载 作者:行者123 更新时间:2023-12-03 08:07:36 26 4
gpt4 key购买 nike

我在控制台中遇到错误:

$ is not defined

当我尝试使用 bootstrap datetimepicker

这是我的风格链接:

<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/bootstrap-datetimepicker-master/build/css/bootstrap-datetimepicker.min.css">
<link rel="stylesheet" href="css/style.css">

这是脚本链接:

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/moment-develop/moment.js"></script>
<script src="bower_components/bootstrap/js/transition.js"></script>
<script src="bower_components/bootstrap/js/collapse.js"></script>
<script src="bower_components/bootstrap/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>

这里我使用日期时间选择器形式:

<div class="container">
<div class="row">
<div class='col-sm-6'>
<div class="form-group">
<div class='input-group date' id='datetimepicker2'>
<input type='text' class="form-control" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
</div>
</div>
<script type="text/javascript">
$(function () {
$('#datetimepicker2').datetimepicker({
locale: 'ru'
});
});
</script>
</div>
</div>

你能帮我解决这个问题吗?

最佳答案

由于您正在 end of the body 加载脚本,最好移动你的<script>来自 body 内部的标签在这些之后或加载 <head> 中的脚本HTML 部分:

<script src="bower_components/jquery/dist/jquery.min.js"></script>
<script src="bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="bower_components/moment-develop/moment.js"></script>
<script src="bower_components/bootstrap/js/transition.js"></script>
<script src="bower_components/bootstrap/js/collapse.js"></script>
<script src="bower_components/bootstrap/bootstrap-datetimepicker-master/build/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript">
$(function () {
$('#datetimepicker2').datetimepicker({
locale: 'ru'
});
});
</script>

现在这应该可以了。 $jQuery函数只能在加载 jQuery 库后调用,这是一个顺序过程。

如果您也有通用的页眉/页脚,那么添加上述代码是安全的,因为 jQuery 仅在 #datetimepicker2 上检查和执行。元素,仅当它存在时。

关于javascript - 引导日期时间选择器 : $ is not defined,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34313028/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com