代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="en">
<head>
<title>日历页面_很简洁漂亮的Bootstrap响应式后台管理系统模板UniAdmin - JS代码网</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
<link rel="stylesheet" href="css/fullcalendar.css" />
<link rel="stylesheet" href="css/unicorn.main.css" />
<link rel="stylesheet" href="css/unicorn.grey.css" class="skin-color" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div id="header">
<h1><a href="./dashboard.html">UniAdmin</a></h1>
</div>
<div id="search">
<input type="text" placeholder="请输入搜索内容..." /><button type="submit" class="tip-right" title="Search"><i class="icon-search icon-white"></i></button>
</div>
<div id="user-nav" class="navbar navbar-inverse">
<ul class="nav btn-group">
<li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-user"></i> <span class="text">个人资料</span></a></li>
<li class="btn btn-inverse dropdown" id="menu-messages"><a href="#" data-toggle="dropdown" data-target="#menu-messages" class="dropdown-toggle"><i class="icon icon-envelope"></i> <span class="text">消息</span> <span class="label label-important">5</span> <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a class="sAdd" title="" href="#">新消息</a></li>
<li><a class="sInbox" title="" href="#">收件箱</a></li>
<li><a class="sOutbox" title="" href="#">发件箱</a></li>
<li><a class="sTrash" title="" href="#">发送</a></li>
</ul>
</li>
<li class="btn btn-inverse"><a title="" href="#"><i class="icon icon-cog"></i> <span class="text">设置</span></a></li>
<li class="btn btn-inverse"><a title="" href="login.html"><i class="icon icon-share-alt"></i> <span class="text">退出</span></a></li>
</ul>
</div>
<div id="sidebar">
<a href="#" class="visible-phone"><i class="icon icon-home"></i> 首页</a>
<ul>
<li ><a href="index.html"><i class="icon icon-home"></i> <span>首页</span></a></li>
<li class="submenu">
<a href="#"><i class="icon icon-th-list"></i> <span>表单组件</span> <span class="label">3</span></a>
<ul>
<li><a href="form-common.html">通用组件</a></li>
<li><a href="form-validation.html">表单验证</a></li>
<li><a href="form-wizard.html">表单提示</a></li>
</ul>
</li>
<li><a href="buttons.html"><i class="icon icon-tint"></i> <span>按钮 & 图标</span></a></li>
<li><a href="interface.html"><i class="icon icon-pencil"></i> <span>UI元素</span></a></li>
<li><a href="tables.html"><i class="icon icon-th"></i> <span>表格</span></a></li>
<li><a href="grid.html"><i class="icon icon-th-list"></i> <span>网格布局</span></a></li>
<li class="active submenu open">
<a href="#"><i class="icon icon-file"></i> <span>其他页面</span> <span class="label">4</span></a>
<ul>
<li><a href="invoice.html">清单</a></li>
<li><a href="chat.html">聊天</a></li>
<li class="active"><a href="calendar.html">日历</a></li>
<li><a href="gallery.html">相册</a></li>
</ul>
</li>
<li>
<a href="charts.html"><i class="icon icon-signal"></i> <span>图表统计</span></a>
</li>
<li>
<a href="widgets.html"><i class="icon icon-inbox"></i> <span>插件</span></a>
</li>
</ul>
</div>
<div id="style-switcher">
<i class="icon-arrow-left icon-white"></i>
<span>Style:</span>
<a href="#grey" style="background-color: #555555;border-color: #aaaaaa;"></a>
<a href="#blue" style="background-color: #2D2F57;"></a>
<a href="#red" style="background-color: #673232;"></a>
</div>
<div id="content">
<div id="content-header">
<h1>Calendar</h1>
<div class="btn-group">
<a class="btn btn-large tip-bottom" title="Manage Files"><i class="icon-file"></i></a>
<a class="btn btn-large tip-bottom" title="Manage Users"><i class="icon-user"></i></a>
<a class="btn btn-large tip-bottom" title="Manage Comments"><i class="icon-comment"></i><span class="label label-important">5</span></a>
<a class="btn btn-large tip-bottom" title="Manage Orders"><i class="icon-shopping-cart"></i></a>
</div>
</div>
<div id="breadcrumb">
<a href="#" title="Go to Home" class="tip-bottom"><i class="icon-home"></i> Home</a>
<a href="#">Sample pages</a>
<a href="#" class="current">Calendar</a>
</div>
<div class="container-fluid">
<div class="row-fluid">
<div class="span12">
<div class="alert alert-info">
This page demonstrates a jQuery calendar plugin. Try to add a new event!
<a href="#" class="close" data-dismiss="alert">×</a>
</div>
<div class="widget-box widget-calendar">
<div class="widget-title">
<span class="icon"><i class="icon-calendar"></i></span>
<h5>Calendar</h5>
<div class="buttons">
<a id="add-event" data-toggle="modal" href="#modal-add-event" class="btn btn-success btn-mini"><i class="icon-plus icon-white"></i> Add new event</a>
<div class="modal hide" id="modal-add-event">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h3>Add a new event</h3>
</div>
<div class="modal-body">
<p>Enter event name:</p>
<p><input id="event-name" type="text" /></p>
</div>
<div class="modal-footer">
<a href="#" class="btn" data-dismiss="modal">Cancel</a>
<a href="#" id="add-event-submit" class="btn btn-primary">Add event</a>
</div>
</div>
</div>
</div>
<div class="widget-content nopadding">
<div class="panel-left">
<div id="fullcalendar"></div>
</div>
<div id="external-events" class="panel-right">
<div class="panel-title"><h5>Events</h5></div>
<div class="panel-content">
<div class="external-event ui-draggable label label-inverse">My Event 1</div>
<div class="external-event ui-draggable label label-inverse">My Event 2</div>
<div class="external-event ui-draggable label label-inverse">My Event 3</div>
<div class="external-event ui-draggable label label-inverse">My Event 4</div>
<div class="external-event ui-draggable label label-inverse">My Event 5</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row-fluid">
<div id="footer" class="span12">
2012 © UniAdmin.</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.ui.custom.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/fullcalendar.min.js"></script>
<script src="js/unicorn.js"></script>
<script src="js/unicorn.calendar.js"></script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手