Fatal编程技术网

Twitter bootstrap 3 自举日历设置

twitter-bootstrap-3

Twitter bootstrap 3 自举日历设置,twitter-bootstrap-3,Twitter Bootstrap 3,你好 我想提前对您的支持表示感谢 我正在尝试用bootstrap制作日历。我遇到了很多麻烦，在遵循文档之后，我最终得到了一张空白页。这是我的密码： <!DOCTYPE html> <html> <head> <title>WR | Calender</title> <link rel="stylesheet" href="components/bootstrap2/css/bootstrap.css">

你好

我想提前对您的支持表示感谢

我正在尝试用bootstrap制作日历。我遇到了很多麻烦，在遵循文档之后，我最终得到了一张空白页。这是我的密码：

<!DOCTYPE html>
<html>
<head>
    <title>WR | Calender</title>
    <link rel="stylesheet" href="components/bootstrap2/css/bootstrap.css">
    <link rel="stylesheet" href="components/bootstrap2/css/bootstrap-responsive.css">
</head>
<body>

    <div id="calendar"></div>

    <script type="text/javascript" src="components/jquery/jquery.min.js"></script>
    <script type="text/javascript" src="components/underscore/underscore-min.js"></script>
    <script type="text/javascript" src="components/bootstrap2/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="components/jstimezonedetect/jstz.min.js"></script>
    <script type="text/javascript">
        var calendar = $('#calendar').calendar({
        events_source: [
            {
                "id": 293,
                "title": "Event 1",
                "url": "http://example.com",
                "class": "event-important",
                "start": 12039485678000, // Milliseconds
                "end": 1234576967000 // Milliseconds
            }
        ]});
    </script>
</body>
</html>


WR |压延机
var calendar=$（'#calendar'）。日历({
事件来源：[
{
“id”：293，
“标题”：“事件1”，
“url”：”http://example.com",
“类”：“重要事件”，
“开始”：12039485678000，//毫秒
“结束”：1234576967000//毫秒
}
]});
您缺少“calendar.js”、“calendar.css”
我真的建议你在页眉部分添加每个javascript文件和CSS文件。

你我的朋友太棒了！以什么顺序包含.js文件重要吗？ 
 <link rel="stylesheet" href="css/calendar.css">
 <script type="text/javascript" src="js/calendar.js"></script>