扫一扫分享
Bootstrap Calendar – 基于bootstrap的全视图日历
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/calendar.css">
<script type="text/javascript" src="js/vendor/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/vendor/underscore-min.js"></script>
<script type="text/javascript" src="js/calendar.js"></script>
<div id="calendar"></div>
var calendar = $("#calendar").calendar(
{
tmpl_path: "/tmpls/",
events_source: function () { return []; }
});
underscore.js用作模板引擎。对于日历,你只需要包含calendar.css和calendar.js文件。如果要本地化你的日历,则可以在引用calendar.js之前添加语言文件:
<script type="text/javascript" src="js/language/zh-cn.js"></script>
初始化日历时,你必须指定此语言代码:
var calendar = $('#calendar').calendar({language: 'zh-cn'});
手机预览