http://blog.csdn.net/francislaw/article/details/7740630

引用

<link rel="stylesheet" href="css/fullcalendar.css" />
<link rel="stylesheet" href="css/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="css/dpl-min.css" />
<link rel="stylesheet" type="text/css" href="css/bui-min.css" />
<link rel="stylesheet" type="text/css" href="css/common.css" /> <script src="/js/bui-min.js" type="text/javascript"></script>
<script src="/js/fullcalendar.min.js" type="text/javascript"></script>
<script src="/js/jcarousellite_1.0.1.js"type="text/javascript"></script>
<script src="/js/jquery.nivo.slider.js" type="text/javascript"></script>

HTML代码

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

脚本代码

//交易日历
$('#slider').nivoSlider({
directionNav: false,
controlNav: true
}); $("#c_1").jCarouselLite({
speed: 1000,
auto: 3000,
visible: 5,
scroll: 2,
btnNext: "#g_1 .next",
btnPrev: "#g_1 .prev"
}); //<!--提示框-->
var Tooltip = BUI.Tooltip;
var tipinfo = new Tooltip.Tip({
alignType: 'top',
offset: 10,
triggerEvent: 'click',
autoHideType: 'click',
title: '提示信息',
elCls: 'tips tips-success',
width: 150,
zIndex: 1000,
offset: 10
});
tipinfo.render(); $('#calendar').fullCalendar({
aspectRatio: 0.5,
// height: 310,
contentHeight: 300,
monthNames: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
monthNamesShort: ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
dayNames: ["日", "一", "二", "三", "四", "五", "六"],
dayNamesShort: ["日", "一", "二", "三", "四", "五", "六"],
buttonText: {
today: "今天"
}, events: function (start, end, callback) {
var _start = new Date(start.getTime()); // Math.round()
var _end = new Date(end.getTime());
$.ajax({
type: "post",
url: '../../Handler/Control.ashx',
data: { option: "calendar", start: _start.getFullYear() + '-' + (_start.getMonth() + 1) + '-' + _start.getDate(), end: _end.getFullYear() + '-' + (_end.getMonth() + 1) + '-' + _end.getDate() },
dataType: "json",
async: false,
success: function (data) {
data = eval(data);
callback(data);
}
});
}, eventMouseover: function (calEvent, jsEvent, view) {
var offset = $(this).offset();
tipinfo.set('title', calEvent.tip)
tipinfo.show();
var offheight = tipinfo.get('el').outerHeight(false) + 7;
var offwidth = tipinfo.get('el').outerWidth(false) / 2 - $(this).outerWidth(false) / 2
var top = offset.top - offheight;
var left = offset.left - offwidth;
tipinfo.set('x', left);
tipinfo.set('y', top); },
eventMouseout: function (calEvent, jsEvent, view) {
tipinfo.hide();
},
viewRender: function () {
$(".fc-day").each(function () {
var datestr = $(this).attr('data-date');
// if (selectdate.indexOf(datestr) >= 0) {
// //$(this).css("background","#fff url(/templates/default/images/saledate.png) no-repeat scroll 1px 1px")
// }
})
}
});

fullcalender的更多相关文章

  1. JQuery fullcalender文档

    转载: http://blog.csdn.net/lgg2011. 使用方式, 引入相关js, css后, $(‘#div_name’).fullCalendar({//options});  接受的 ...

  2. 日历插件FullCalendar应用:(一)数据展现

    在博客园逛了很长时间了,它帮助我获得了很多知识,很感谢大家的分享,而自己呢,由于各种纠结一直没提笔写博客,直到我看到了这篇文章http://www.cnblogs.com/zhaopei/p/why_ ...

  3. jQuery插件实战之fullcalendar(日历插件)Demo

    jQuery的插件许多,应用的场景也很丰富,今天我这里给大家介绍一款很有用的日历页面开发插件 - fullcalendar,眼下最新版本号是1.5.1,使用这款插件可以高速帮助你高速编程实现基于web ...

  4. fullcalendar案例一<原>

    fullcalendar是个很强大的日历控件,可以用它进行排班.排会议.拍任务,很直观,用户体验良好. 看下效果图: #parse("index/head.vm") <lin ...

随机推荐

  1. 面试时如何优雅的谈论OC

    在面试中,我们经常会遇到一些原理性的问题,很常识但很难用通俗的语言解释清楚,这也是大部分业务级程序员经常失误的地方.虽然写了多年代码,但是核心思想不清,导致自己的后续发展受限,这是一个优秀的程序员和普 ...

  2. Pure Css 菜单的使用

    本人新手,之前偶尔接触Bootstrap,也做过一些响应式开发,但是都是略显皮毛,公司的业务需求也限制了深入学习. 现着手Pure Css学习,尝试了简单的左边菜单自动隐藏的demo.闲话少说,代码贴 ...

  3. CLR via C# - Char_String

    .NET中Char表示为16为的Unicode值,Char提供两个public const字段MinValue('\0',写成'\u0000'也是一样的)和MaxValue('\uffff'). Ch ...

  4. (转)浅谈ASP.NET报表控件

    项目中有报表图形化的需求, 于是开始在网上找第三方chart控件.因时间紧迫,大至确定了几个候选:一.Office带的OWC控件:二.ComponentOne:三.Web Chart.本文将讲解ASP ...

  5. Android Studio添加应用作为依赖时报错Error:Dependency MonthText:xlistview:unspecified on project app resolves to an APK archive which is not supported as a compilation dependency. File: 及其解决方案

    Error:Dependency MonthText:xlistview:unspecified on project app resolves to an APK archive which is ...

  6. PHP学习笔记十七【面向对象定义类】

    <?php class Person{ public $name; public $age; public function speak(){ echo "Hello world&qu ...

  7. Oracle 回忆录

    简述 工作时间说短也不算短了,掐指一算差不多三年了吧.以前都没有写过Blog,仅偶尔对所学和所用到的做些许整理,后面竟然没有把那留下来,悲催啊!留不下来的整理不是好东西(*^__^*) 嘻嘻……,现在 ...

  8. 1218.3——init自定义

    相当于构造方法,有的时候初始化的时候有一些默认值,还有就是页面加载数据的时机问题,防止加载了页面再填数据 声明: -(instancetype)initWithName:(NSString *)aNa ...

  9. 1218.2——property关键字

    由于我们定义的成员变量是私有的,所有外部是无法访问的,为了能够访问我们写set和get方法 但是由于代码量过于复杂冗长,引入了@property (声明)和 @synthesize(实现) 后来又简化 ...

  10. FileBeat

    FileBeat使用说明 FileBeat是一个日志收集器,基于Logstash-Forwarder的源代码.FileBeat一般以代理的身份运行在客户端服务器中,并监视用户指定的目录.文件,同时把日 ...