FullCalendar怎么用啊??

chuju999 2015-01-22 09:52:59
我到官网上 http://fullcalendar.io/ 下载了代码,
但是自己用 asp.net mvc 跟着他做 , 却实现不了,


我的代码如下:



@{
Layout = null;
}

<!DOCTYPE html>

<html>
<head>
<title>Index</title>

<link href="../../Scripts/FullCalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
<link href="../../Scripts/FullCalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" />

<script src="../../Scripts/FullCalendar/jquery.min.js" type="text/javascript"></script>
<script src="../../Scripts/FullCalendar/moment.min.js" type="text/javascript"></script>




<script src="../../Scripts/FullCalendar/fullcalendar.min.js" type="text/javascript"></script>




<script type="text/javascript">

$(document).ready(function () {

$('#calendar').fullCalendar({
header: {
left: 'prev,next today',
center: 'title',
right: 'month,agendaWeek,agendaDay'
},
defaultDate: '2014-11-12',
editable: true,
eventLimit: true, // allow "more" link when too many events
events: [
{
title: 'All Day Event',
start: '2014-11-01'
},
{
title: 'Long Event',
start: '2014-11-07',
end: '2014-11-10'
},
{
id: 999,
title: 'Repeating Event',
start: '2014-11-09T16:00:00'
},
{
id: 999,
title: 'Repeating Event',
start: '2014-11-16T16:00:00'
},
{
title: 'Conference',
start: '2014-11-11',
end: '2014-11-13'
},
{
title: 'Meeting',
start: '2014-11-12T10:30:00',
end: '2014-11-12T12:30:00'
},
{
title: 'Lunch',
start: '2014-11-12T12:00:00'
},
{
title: 'Meeting',
start: '2014-11-12T14:30:00'
},
{
title: 'Happy Hour',
start: '2014-11-12T17:30:00'
},
{
title: 'Dinner',
start: '2014-11-12T20:00:00'
},
{
title: 'Birthday Party',
start: '2014-11-13T07:00:00'
},
{
title: 'Click for Google',
url: 'http://google.com/',
start: '2014-11-28'
}
]
});

});

</script>
<style type="text/css">

body {
margin: 40px 10px;
padding: 0;
font-family: "Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
font-size: 14px;
}

#calendar {
max-width: 900px;
margin: 0 auto;
}

</style>







</head>
<body>

<div id='calendar'></div>

</body>
</html>






这个例子就是抄 demos 里面的default.html 的 ,
运行却是:

人家的是:


为什么我的拖动不了,并且样式没了???
full calendar的例子能不能推荐一个可用的 , 菜鸟学生刚刚开始学习前端,各路大侠求解。。。


...全文
162 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
猴子扛枪 2015-10-25
  • 打赏
  • 举报
回复
 <link href="../../Scripts/FullCalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print'  />
这句引用加一个 media='print' 就可以了!

61,115

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧