2010一月19
JavaScript 农历类
之前下载过的朋友请注意，原程序有一个BUG，现已经修复：把本地时间改为2010年3月15日，正常农历为一月三十，原程序结果为二月初一。现已经提供新版本下载，请大家及时下载，谢谢。
网址导航在中国如此火热让老外不解，其实就是小白太多。而大多数网址导航上面都有“农历”展示。为何？毕竟是老祖宗留下的东西。人呢，又都是趋利避害的动物。喝凉水塞牙，放屁蹦到后脑勺，这些总和运气扯上关系。于是出门之前翻翻黄历，婚丧嫁娶的时候也要选个良辰吉日。
我不知道农历的算法，但是有人知道。我感觉比较好用的是JavaScript写的中国农历这里的代码，而且功能强悍。于是我们直接把这些代码拿过来放在自己程序中来使用，这就是拿来主义的思想。然而网上的写法貌似并不是面向对象的写法，那么现在我就用面向对象思想来重写JavaScript 农历类。
function ChineseCalendar(dateObj){
this.dateObj = (dateObj != undefined) ? dateObj : new Date();
this.SY = this.dateObj.getFullYear();
this.SM = this.dateObj.getMonth();
this.SD = this.dateObj.getDate();
this.lunarInfo = [0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,
0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0,
0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,
0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,
0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,
0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,
0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,
0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,
0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,
0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,
0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0,
0x14b63];
//传回农历 y年闰哪个月 1-12 , 没闰传回 0
this.leapMonth = function(y){
return this.lunarInfo[y - 1900] & 0xf;
};
//传回农历 y年m月的总天数
this.monthDays = function(y, m){
return (this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29;
};
//传回农历 y年闰月的天数
this.leapDays = function(y){
if (this.leapMonth(y)) {
return (this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29;
}
else {
return 0;
}
};
//传回农历 y年的总天数
this.lYearDays = function(y){
var i, sum = 348;
for (i = 0x8000; i > 0x8; i >>= 1) {
sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0;
}
return sum + this.leapDays(y);
};
//算出农历, 传入日期对象, 传回农历日期对象
//该对象属性有 .year .month .day .isLeap .yearCyl .dayCyl .monCyl
this.Lunar = function(dateObj){
var i, leap = 0, temp = 0, lunarObj = {};
var baseDate = new Date(1900, 0, 31);
var offset = (dateObj - baseDate) / 86400000;
lunarObj.dayCyl = offset + 40;
lunarObj.monCyl = 14;
for (i = 1900; i < 2050 && offset > 0; i++) {
temp = this.lYearDays(i);
offset -= temp;
lunarObj.monCyl += 12;
}
if (offset < 0) {
offset += temp;
i--;
lunarObj.monCyl -= 12;
}
lunarObj.year = i;
lunarObj.yearCyl = i - 1864;
leap = this.leapMonth(i);
lunarObj.isLeap = false;
for (i = 1; i < 13 && offset > 0; i++) {
if (leap > 0 && i == (leap + 1) && lunarObj.isLeap == false) {
--i;
lunarObj.isLeap = true;
temp = this.leapDays(lunarObj.year);
}
else {
temp = this.monthDays(lunarObj.year, i)
}
if (lunarObj.isLeap == true && i == (leap + 1)) {
lunarObj.isLeap = false;
}
offset -= temp;
if (lunarObj.isLeap == false) {
lunarObj.monCyl++;
}
}
if (offset == 0 && leap > 0 && i == leap + 1) {
if (lunarObj.isLeap) {
lunarObj.isLeap = false;
}
else {
lunarObj.isLeap = true;
--i;
--lunarObj.monCyl;
}
}
if (offset < 0) {
offset += temp;
--i;
--lunarObj.monCyl
}
lunarObj.month = i;
lunarObj.day = offset + 1;
return lunarObj;
};
//中文日期
this.cDay = function(m, d){
var nStr1 = ['日', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
var nStr2 = ['初', '十', '廿', '卅', ' '];
var s;
if (m > 10) {
s = '十' + nStr1[m - 10];
}
else {
s = nStr1[m];
}
s += '月';
switch (d) {
case 10:
s += '初十';
break;
case 20:
s += '二十';
break;
case 30:
s += '三十';
break;
default:
s += nStr2[Math.floor(d / 10)];
s += nStr1[d % 10];
}
return s;
};
this.solarDay2 = function(){
var sDObj = new Date(this.SY, this.SM, this.SD);
var lDObj = this.Lunar(sDObj);
var tt = '农历' + this.cDay(lDObj.month, lDObj.day);
lDObj = null;
return tt;
};
this.weekday = function(){
var day = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
return day[this.dateObj.getDay()];
};
this.YYMMDD = function(){
var dateArr = [this.SY, '年', this.SM + 1, '月', this.SD, '日'];
return dateArr.join('');
}
}
this.dateObj = (dateObj != undefined) ? dateObj : new Date();
this.SY = this.dateObj.getFullYear();
this.SM = this.dateObj.getMonth();
this.SD = this.dateObj.getDate();
this.lunarInfo = [0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,
0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,
0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,
0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,
0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,
0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0,
0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,
0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,
0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,
0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,
0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,
0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,
0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,
0x05aa0,0x076a3,0x096d0,0x04bd7,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,
0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0,
0x14b63];
//传回农历 y年闰哪个月 1-12 , 没闰传回 0
this.leapMonth = function(y){
return this.lunarInfo[y - 1900] & 0xf;
};
//传回农历 y年m月的总天数
this.monthDays = function(y, m){
return (this.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29;
};
//传回农历 y年闰月的天数
this.leapDays = function(y){
if (this.leapMonth(y)) {
return (this.lunarInfo[y - 1900] & 0x10000) ? 30 : 29;
}
else {
return 0;
}
};
//传回农历 y年的总天数
this.lYearDays = function(y){
var i, sum = 348;
for (i = 0x8000; i > 0x8; i >>= 1) {
sum += (this.lunarInfo[y - 1900] & i) ? 1 : 0;
}
return sum + this.leapDays(y);
};
//算出农历, 传入日期对象, 传回农历日期对象
//该对象属性有 .year .month .day .isLeap .yearCyl .dayCyl .monCyl
this.Lunar = function(dateObj){
var i, leap = 0, temp = 0, lunarObj = {};
var baseDate = new Date(1900, 0, 31);
var offset = (dateObj - baseDate) / 86400000;
lunarObj.dayCyl = offset + 40;
lunarObj.monCyl = 14;
for (i = 1900; i < 2050 && offset > 0; i++) {
temp = this.lYearDays(i);
offset -= temp;
lunarObj.monCyl += 12;
}
if (offset < 0) {
offset += temp;
i--;
lunarObj.monCyl -= 12;
}
lunarObj.year = i;
lunarObj.yearCyl = i - 1864;
leap = this.leapMonth(i);
lunarObj.isLeap = false;
for (i = 1; i < 13 && offset > 0; i++) {
if (leap > 0 && i == (leap + 1) && lunarObj.isLeap == false) {
--i;
lunarObj.isLeap = true;
temp = this.leapDays(lunarObj.year);
}
else {
temp = this.monthDays(lunarObj.year, i)
}
if (lunarObj.isLeap == true && i == (leap + 1)) {
lunarObj.isLeap = false;
}
offset -= temp;
if (lunarObj.isLeap == false) {
lunarObj.monCyl++;
}
}
if (offset == 0 && leap > 0 && i == leap + 1) {
if (lunarObj.isLeap) {
lunarObj.isLeap = false;
}
else {
lunarObj.isLeap = true;
--i;
--lunarObj.monCyl;
}
}
if (offset < 0) {
offset += temp;
--i;
--lunarObj.monCyl
}
lunarObj.month = i;
lunarObj.day = offset + 1;
return lunarObj;
};
//中文日期
this.cDay = function(m, d){
var nStr1 = ['日', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];
var nStr2 = ['初', '十', '廿', '卅', ' '];
var s;
if (m > 10) {
s = '十' + nStr1[m - 10];
}
else {
s = nStr1[m];
}
s += '月';
switch (d) {
case 10:
s += '初十';
break;
case 20:
s += '二十';
break;
case 30:
s += '三十';
break;
default:
s += nStr2[Math.floor(d / 10)];
s += nStr1[d % 10];
}
return s;
};
this.solarDay2 = function(){
var sDObj = new Date(this.SY, this.SM, this.SD);
var lDObj = this.Lunar(sDObj);
var tt = '农历' + this.cDay(lDObj.month, lDObj.day);
lDObj = null;
return tt;
};
this.weekday = function(){
var day = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
return day[this.dateObj.getDay()];
};
this.YYMMDD = function(){
var dateArr = [this.SY, '年', this.SM + 1, '月', this.SD, '日'];
return dateArr.join('');
}
}
使用方法：
<html>
<head>
<title>
农历类测试
</title>
<script type="text/javascript" src="cc.js"></script>
</head>
<body>
<script type="text/javascript">
var date = new ChineseCalendar();
document.write("农历："+date.solarDay2());
document.write("星期："+date.weekday());
document.write("日期："+date.YYMMDD());
</script>
</body>
</html>
<head>
<title>
农历类测试
</title>
<script type="text/javascript" src="cc.js"></script>
</head>
<body>
<script type="text/javascript">
var date = new ChineseCalendar();
document.write("农历："+date.solarDay2());
document.write("星期："+date.weekday());
document.write("日期："+date.YYMMDD());
</script>
</body>
</html>
原演示地址：http://www.xiaoxiaozi.com/code/js/calendar/testcc.html
新演示地址：http://www.xiaoxiaozi.com/code/js/calendar/newtestcc.html
文章作者：simaopig
本文地址：http://www.xiaoxiaozi.com/2010/01/19/1691/
版权所有 © 转载时必须以链接形式注明作者和原始出处！
这样的，我收藏了很多
[回复]
@goldapple
我是现用现找，找到个好玩的就记一下。。平时比较懒。呵。
[回复]
在header里加载显示在顶部也许不错哦~
[回复]
不错不错，多搜索，多记录，以后用到的时候直接找自己的代码就可以了。
[回复]
写的不错。
也欢迎访问我的图片Blog: http://www.nianzuo.com
[回复]
是转载的,还是原创啊
[回复]
这个不错，再扩展扩展，把禁忌之类的加上就完美了
[回复]
@要饭的
可以扩展啊。看我给的链接。那里的东西都能拿出来。这里只写了一部分。呵。
[回复]
@LAONB
嗯。是啊。毕竟搜自己的东西方便啊。。呵。
[回复]
博主在吗？问你一个js的问题救急。
function test(node){
node.parentNode.insertAdjacentHTML(“afterBegin”,…);}
这个insertAdjacentHTML好像是ie专用的，如果要兼容火狐要怎么写啊？
还有如果用jquery要怎么写
[回复]
@simon
hi, 因为该方法是IE独有的。所以不建议使用此方法。
使用innerHtml完全可以搞定啊。。
如果要是jQuery的话就更easy了。一个html()就搞定了。。其实主要就是定位到其DOM地址就行了啊。
[回复]
@simaopig
现在的问题就是我的node和其父节点都没有id，主要是我不知道怎么用选择器了
[回复]
@simon
Dom位置不一定完全靠id啊。你刚才的定位不就可以吗？
node.parentNode 就是定位到其父标签位置，而afterBegin是插入到标签开始标记之后
所以其意思是变成其父标签的第一个子元素啊。就是firstChild即可。
[回复]
@simon
你可以试着这样来做，
<head>
<title>append child</title>
</head>
<body>
<script type="text/javascript">
function test(node){
var tag = "<strong>xxxxxxxxxx</strong>";
node.parentNode.insertAdjacentHTML("afterBegin",tag);
}
function test2(node){
var tag = "<strong>yyyyyyyyyyyy</strong>";
var oldHtml = node.parentNode.innerHTML;
node.parentNode.innerHTML = tag+oldHtml;
}
</script>
<div>
<input type="button" onclick="test(this)" value="demo"/>
<input type="button" onclick="test2(this)" value="demo"/>
</div>
</body>
</html>
其实方法有很多。或者你也可以参考一下寻找兼容于IE和FireFox的InsertAdjacentHTML方法这篇文章。
[回复]
Node.parentNode.innerHTML = “” + Node.parentNode.innerHTML;
我现在是这样用的，效果基本达到了。但是用setAttribute和点符号法来设置img属性都不行呢
[回复]
@simon
那就再给你一个例子吧，看第三个函数 :razz: ：
<head>
<title>append child</title>
</head>
<body>
<script type="text/javascript">
function test(node){
var tag = "<strong>xxxxxxxxxx</strong>";
node.parentNode.insertAdjacentHTML("afterBegin",tag);
}
function test2(node){
var tag = "<strong>yyyyyyyyyyyy</strong>";
var oldHtml = node.parentNode.innerHTML;
node.parentNode.innerHTML = tag+oldHtml;
}
function test3(node){
var tag = document.createElement("img");
tag.setAttribute('src','http://www.google.cn/images/nav_logo7.png');
node.parentNode.insertBefore(tag,node.parentNode.childNodes[0]);
}
</script>
<div>
<input type="button" onclick="test(this)" value="demo"/>
<input type="button" onclick="test2(this)" value="demo"/>
<input type="button" onclick="test3(this)" value="demo"/>
</div>
</body>
</html>
[回复]
好帖，我是说针对内行来说～。 :shock:
[回复]
@nod32免费激活码
呵，绝对的原创。嗯。。 :razz:
[回复]
弄得头都大了
[回复]
没看出面向对象的特性，除了属性与方法，没有封装的概念。另外怎么不考虑一下原型的方式呢？每一个日历对象都会复制所有的函数，不知道博主如何理解。
[回复]