fullcalender
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的更多相关文章
- JQuery fullcalender文档
转载: http://blog.csdn.net/lgg2011. 使用方式, 引入相关js, css后, $(‘#div_name’).fullCalendar({//options}); 接受的 ...
- 日历插件FullCalendar应用:(一)数据展现
在博客园逛了很长时间了,它帮助我获得了很多知识,很感谢大家的分享,而自己呢,由于各种纠结一直没提笔写博客,直到我看到了这篇文章http://www.cnblogs.com/zhaopei/p/why_ ...
- jQuery插件实战之fullcalendar(日历插件)Demo
jQuery的插件许多,应用的场景也很丰富,今天我这里给大家介绍一款很有用的日历页面开发插件 - fullcalendar,眼下最新版本号是1.5.1,使用这款插件可以高速帮助你高速编程实现基于web ...
- fullcalendar案例一<原>
fullcalendar是个很强大的日历控件,可以用它进行排班.排会议.拍任务,很直观,用户体验良好. 看下效果图: #parse("index/head.vm") <lin ...
随机推荐
- POJ 2392 Space Elevator DP
该题与POJ 1742的思路基本一致:http://www.cnblogs.com/sevenun/p/5442279.html(多重背包) 题意:给你n个电梯,第i个电梯高h[i],数量有c[i]个 ...
- Golang性能调优入门
如何利用golang自带的profile工具进行应用程序的性能调优,前一段时间我做的日志分析系统在线上遇到了一个问题,就是分任务的系统down机了,日志处理延迟了10几个小时,这个时候任务分发系统重启 ...
- oracle开启/关闭归档模式
1.改变非归档模式到归档模式: 1)SQL> conn / as sysdba (以DBA身份连接数据库) 2)SQL> shutdown immediate;(立即关闭数据库) 3)SQ ...
- 函数nvl,nvl2,nullif,coalesce
NVL: Converts a null value to an actual valueNVL2:If expr1 is not null, NVL2 returns expr2. If expr1 ...
- [SQL学习笔记][用exists代替全称量词 ]
学习sql的必经问题. 学生表student (id学号 Sname姓名 Sdept所在系) 课程表Course (crscode课程号 name课程名) 学生选课表transcript (studi ...
- openssl 对称加密算法enc命令详解
1.对称加密算法概述 openssl的加密算法库提供了丰富的对称加密算法,我们可以通过openssl提供的对称加密算法指令的方式使用,也可以通过调用openssl提供的API的方式使用. openss ...
- ToggleButton --------- 按钮实现开关效果
ToggleButton(开关按钮)是Android系统中比较简单的一个组件,是一个具有选中和未选择状态双状态的按钮,并且需要为不同的状态设置不同的显示文本 ,默认状态下 关. ToggleButto ...
- 无法安装或运行此应用程序。该应用程序要求首先在"全局程序集缓存(GAC)"中安装程序集
在做winform程序发布时遇到了这个问题,在我的机子上是可以正常运行的,但到别人的机子上就出现了这个错误.为此问题头疼了一上午终于搞定! 遇到这个问题一定是配置环境的原因, 1.你可以在程序 发布 ...
- poj1623 Squadtrees
转载请注明出处: http://www.cnblogs.com/fraud/ ——by fraud 需要求出按题目要求建四叉树所需的结点个数,和压缩后的四叉树的结点个数(压缩即只要将 ...
- Hibernate之通过hibernate.cfg.xml配置文件访问数据库的例子
hibernate.cfg.xml文件内容: <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE ...