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")
// }
})
}
});

最新文章

  1. 如果你也会C#,那不妨了解下F#(7):面向对象编程之继承、接口和泛型
  2. 真正高效的SQLSERVER分页查询(多种方案)
  3. BZOJ 2460 [BeiJing2011]元素 ——线性基
  4. mysql的初识--DOS下的简单命令
  5. Commons IO方便读写文件的工具类
  6. JS 时间与时间戳的相互转换
  7. Tinyxml 操作XML
  8. requirejs和r.js的心得
  9. Citrix 服务器虚拟化之十一 Xenserver管理vApps
  10. PHP框架学习之Laravel安装
  11. [WP8] Binding时,依照DataType来选择DataTemplate
  12. MS08_067漏洞学习研究
  13. java 11 局部变量类型推断
  14. 深度神经网络tricks and tips
  15. RoIPooling、RoIAlign笔记
  16. iOS UI基础-13.0 数据存储
  17. Linux/AIX/Windows端口和进程互查
  18. 枚举+最短路 poj1062
  19. Centos7下yum安装配置nginx与php
  20. pd.read_csv操作读取分隔符csv和text文件

热门文章

  1. android滑动基础篇 - 触屏显示信息
  2. ubuntu下安装Apache+PHP+Mysql(转)
  3. InnoDB和MyISAM存储引擎的区别
  4. iOS经常使用的加密算法
  5. Could not load file or assembly &#39;Oracle.DataAccess&#39; or one of its dependencies. An attempt was made to load a program with an incorrect format.
  6. Spark IDEA开发环境构建
  7. POJ 2135 Farm Tour (最小费用最大流模板)
  8. c++连接mysql数据库(使用mysql api方式,环境VS2013+MYSQL5.6)
  9. NopCommerce 3.3中文语言包发布下载及使用
  10. 秒(s) 毫秒(ms) 微秒(μs) 纳秒(ns) 皮秒(ps)及Java获得 .