需要一个能显示整年的日历插件，求指点

艾特九哥 2015-03-17 10:38:46
项目中有一个功能，需要显示一整年的日历，并且能对每一天有事件操作，求问有做过的高手吗，求指点，谢谢
...全文
273 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
ASDFX110 2015-03-19
  • 打赏
  • 举报
 回复
上面 每个月要减一
ASDFX110 2015-03-19
  • 打赏
  • 举报
 回复
2015年全部的日历，要什么风格自己改样式就可以了 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script language="javascript" src="jquery.js"></script>
<style>
*{ margin:0; padding:0}
.c1{ height:250px; padding-top:15px;}
.c2{border:#ccc solid 1px; width:292px;background:#fff; float:left; margin-left:30px;}

.cad_time{ height:40px; line-height:40px; text-align:center; padding:0 10px;}
.cad_time span{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:16px; color:#666;}
.cad_list{ border-top:#eee solid 1px;border-left:#eee solid 1px; font-size:12px; width:100%; border-collapse:collapse}
.cad_list thead tr th{ border-right:#eee solid 1px; border-bottom:#eee solid 1px; color:#666; height:30px; line-height:30px; background:#fcfcfc; font-size:14px; }
.cad_list tbody tr td{ border-right:#eee solid 1px; border-bottom:#eee solid 1px;color:#666; height:28px; line-height:28px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; text-align:center }
.ct_red{ font-family:Verdana, Arial, Helvetica, sans-serif; color:#FF8800; font-size:14px;}
.cad_list thead tr th.last,.cad_list tbody tr td.last{ border-right:0}
</style>
<script>
var Calendar={
	daysInMonth:[31, 28, 31, 30, 31, 30, 31, 31,30, 31, 30, 31],//定义每月的天数
	getDays:function(month, year){//校正2月天数
		var _this=this;
		if (1 == month) 
			return ((0 == year % 4) && (0 != (year % 100))) ||(0 == year % 400) ? 29 : 28;
  		else 
			return _this.daysInMonth[month];
	},
	Calendar:function(year,month){//创建日历
		var _this=this,
			newCal = new Date(year,month,1),
			day = -1,
			startDay = newCal.getDay(),
			endDay=_this.getDays(newCal.getMonth(), newCal.getFullYear()),
			str="<tr>",n=0;

				for(var i=0;i<startDay;i++){
					str+="<td class='kb'></td>"	
				}
			for( var i=0;i<endDay;i++){
				if(((i+startDay)%7)==0 && i!=0 &&  i!=endDay){
					str+="</tr><tr>";
					n++
				}
				str+="<td>"+(i+1)+"</td>"	
				
			}
			if(((endDay+startDay)%7)==0){
				str+="</tr>"
			}else{
				n++
				for(var t=0;t<((n*7)-(endDay+startDay));t++){
					str+="<td class='cal_kb'></td>"	
				}
				str+="</tr>"	
			}
			return str
	}	
}
</script>
</head>

<body>
<div class="c1">

<div class="c2">
<div class="cad_time">
<span>2015 - 01</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,1))</script></tbody>
</table>
</div>

<div class="c2">
<div class="cad_time">
<span>2015 - 02</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,2))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 03</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,3))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 04</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,4))</script></tbody>
</table>
</div>

</div>

<div class="c1">

<div class="c2">
<div class="cad_time">
<span>2015 - 05</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,5))</script></tbody>
</table>
</div>

<div class="c2">
<div class="cad_time">
<span>2015 - 06</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,6))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 07</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,7))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 08</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,8))</script></tbody>
</table>
</div>

</div>

<div class="c1">

<div class="c2">
<div class="cad_time">
<span>2015 - 09</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,9))</script></tbody>
</table>
</div>

<div class="c2">
<div class="cad_time">
<span>2015 - 10</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,10))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 11</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,11))</script></tbody>
</table>
</div>


<div class="c2">
<div class="cad_time">
<span>2015 - 12</span>
</div>
<table class="cad_list">
<thead><tr><th>日</th><th>一</th><th>二</th><th>三</th><th>四</th><th>五</th><th class="last">六</th></tr></thead>
<tbody><script>document.write(Calendar.Calendar(2015,12))</script></tbody>
</table>
</div>

</div>

</body>
</html>
ASDFX110 2015-03-19
  • 打赏
  • 举报
 回复
我自己写过一个签到的，不知道符不符合

娃都会打酱油了 2015-03-17
  • 打赏
  • 举报
 回复
自己写一个呗，然后写完后共享出来
艾特九哥 2015-03-17
  • 打赏
  • 举报
 回复
引用 2 楼 kongwei521 的回复:
jQuery Verbose Calendar 可以显示整年的。已验证。 http://www.gbtags.com/technology/jquerynews/20120519jquery-verbose-calendar/
看过这个，这个不太符合要求，我要的是跟fullcalendar类似的风格的，谢谢你了
艾特九哥 2015-03-17
  • 打赏
  • 举报
 回复
引用 1 楼 starfd 的回复:
自己写一个吧，应该没有哪个现成的控件会这样，就算万年历貌似也是一个月一个月显示的
先看看前辈高手们有写过的没，有些过的话就不用再重复写了，没有的话，只能自己写了，嘿嘿
蝶恋花雨 2015-03-17
  • 打赏
  • 举报
 回复
jQuery Verbose Calendar 可以显示整年的。已验证。 http://www.gbtags.com/technology/jquerynews/20120519jquery-verbose-calendar/
娃都会打酱油了 2015-03-17
  • 打赏
  • 举报
 回复
自己写一个吧，应该没有哪个现成的控件会这样，就算万年历貌似也是一个月一个月显示的
[计算机毕设]基于java的打飞机游戏系统设计与实现(项目报告+源代码)
基于java的打飞机游戏系统项目说明报告 1.1 手机软件现状在信息社会中，手机及其他无线设备越来越多的走进普通百姓的工作和生活，随着信息网络化的不断进展，手机及其他无线设备上网络势在必行。但是传统手机存在以下弊端：1. 传统手机出厂时均由硬件厂商固化程序，程序不能增加、删除，有了错误也不能更新、修改，若要增加新功能必须另换一部手机。2. 传统手机访问互联网是通过WAP(Wireless Application Protocal)，所有网络资源必须接通网络才能在线访问，非常耗时、费用亦很高。而Java技
浅析Element ui 中事件 broadcast 与 d
g了快显示淘汰让我死心。985本博，在招聘软件上收到华为海思hr的消息，vx给了简历并后续收到了部门ht邮件，提交了材料并反馈可安排面试，但好几天也没收到回复，联系部门hr也没回复，是。面完秒挂，自己确实有问题，但也感觉有点像KPI————————————————————————1. 自我介绍2. 介绍一个印象最深刻的项目、讲了个NER的项目3。招商银行.招银网络科技招新啦 职位：软件开发，前端，后端，数据分析，数据库运维，金融科技，测试，运营等职位 专业：不限专业 五险一金，节日津贴，生日福利，过年福。
总结了一份Qt5 的开发经验
来自：gitee，作者：飞扬青云链接：https://gitee.com/feiyangqingyun/qtkaifajingyan当编译发现大量错误的时候，从第一个看起，一个一个的解决，不要急着去看下一个错误，往往后面的错误都是由于前面的错误引起的，第一个解决后很可能都解决了。定时器是个好东西，学会好使用它，有时候用QTimer::singleShot可以解决意想不到的...
J2ME 游戏设计与实现
1 绪论1.1 手机软件现状在信息社会中，手机及其他无线设备越来越多的走进普通百姓的工作和生活，随着信息网络化的不断进展，手机及其他无线设备上网络势在必行。但是传统手机存在以下弊端：1. 传统手机出厂时均由硬件厂商固化程序，程序不能增加、删除，有了错误也不能更新、修改，若要增加新功能必须另换一部手机。2. 传统手机访问互联网是通过WAP(Wireless Application Protocal)，所有网络资源必须接通网络才能在线访问，非常耗时、费用亦很高。而Java技术在无线应用方面的优势非常明显：
Qt开发经验（转载）
本文转载于https://qtchina.blog.csdn.net/?type=blog，feiyangqingyun的博客，感谢大佬的经验分享。 默认QtCreator是单线程编译，可能设计之初考虑到尽量不过多占用系统资源，而现在的电脑都是多核心的，默认msvc编译器是多线程编译的不需要手动设置，而对于其他编译器，需要手动设置才行。 方法一：在每个项目的构建设置中（可以勾选一个 shadow build 的页面地方）的build步骤，make arguments增加一行 -j16 即可，此设置会保
JavaScript

87,907

社区成员

224,615

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

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

+ 用AI写文章