gpt4 book ai didi

javascript - 快速设置 Bootstrap 日历

转载 作者:太空宇宙 更新时间:2023-11-03 18:31:49 26 4
gpt4 key购买 nike

我正在尝试设置 bootstrap-calendar ,但我遇到了一些困难。我用了命令

$ bower install bootstrap-calendar

为了下载依赖项,我创建了一个如下所示的测试索引文件:

<html>
<head>
<title>calendar test</title>
<script type="text/javascript" src="bower_components/bootstrap-calendar/js/language/en-GB.js"></script>
<script type="text/javascript" src="bower_components/bootstrap-calendar/js/calendar.js"></script>
<script type="text/javascript" src="bower_components/bootstrap/docs/assets/js/bootstrap.js"></script>
<script type="text/javascript" src="bower_components/jquery/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/moment/moment.js"></script>
<script type="text/javascript" src="bower_components/underscore/underscore-min.js"></script>
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap-calendar/css/calendar.css">
<link rel="stylesheet" type="text/css" href="bower_components/bootstrap/docs/assets/css/bootstrap.css">
<script type="text/javascript">
var calendar = $('#calendar').calendar();
</script>
</head>
<body>
<div id="calendar"></div>
</body>
</html>

用浏览器打开 index.html,会出现一个空白页面。知道为什么吗?提前致谢

最佳答案

有可能只是您包含脚本的顺序是错误的。我通常把 jQuery 放在最上面(考虑到大多数东西都依赖于它,需要先加载它)然后是下面的 bootstrap.js,然后是下划线,依此类推。脚本也应该包含在主体的末尾以提高速度,尽管您的脚本也可能在加载 dom 之前在头部运行,并且找不到 #calendar 仅仅是因为它还不存在。试试这些,祝你好运!

关于javascript - 快速设置 Bootstrap 日历,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19625406/

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