JavaScript实现公历转农历功能示例
本文实例讲述了JavaScript实现公历转农历功能。分享给大家供大家参考，具体如下：
完整代码（该源码使用在线工具http://tools.jb51.net/code/js进行了格式化处理，以便于读者阅读）：
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>公历转农历</title>
<script type="text/javascript" language="javascript" >
var CalendarData = new Array(20);
var madd = new Array(12);
var TheDate;
var tgString = "甲乙丙丁戊己庚辛壬癸";
var dzString = "子丑寅卯辰巳午未申酉戌亥";
var numString = "一二三四五六七八九十";
var monString = "正二三四五六七八九十冬腊";
var weekString = "日一二三四五六";
var sx = "鼠牛虎兔龙蛇马羊猴鸡狗猪";
var cYear;
var cMonth;
var cDay;
var cHour;
var cDateString;
var DateString;
var Browser = navigator.appName;
function init() {
CalendarData[0] = 0x41A95; //公元2001年;
CalendarData[1] = 0xD4A;
CalendarData[2] = 0xDA5;
CalendarData[3] = 0x20B55;
CalendarData[4] = 0x56A;
CalendarData[5] = 0x7155B;
CalendarData[6] = 0x25D;
CalendarData[7] = 0x92D;
CalendarData[8] = 0x5192B;
CalendarData[9] = 0xA95;
CalendarData[10] = 0xB4A;
CalendarData[11] = 0x416AA;
CalendarData[12] = 0xAD5;
CalendarData[13] = 0x90AB5;
CalendarData[14] = 0x4BA;
CalendarData[15] = 0xA5B;
CalendarData[16] = 0x60A57;
CalendarData[17] = 0x52B;
CalendarData[18] = 0xA93;
CalendarData[19] = 0x40E95;
madd[0] = 0;
madd[1] = 31;
madd[2] = 59;
madd[3] = 90;
madd[4] = 120;
madd[5] = 151;
madd[6] = 181;
madd[7] = 212;
madd[8] = 243;
madd[9] = 273;
madd[10] = 304;
madd[11] = 334; //今年某月已过天数！
}
function GetBit(m, n) {
return (m >> n) & 1;
} //n月是大月还是小月?
function getInfo() { //用户输入日期！
var arr = [];
strData = prompt("请输入年 月 日，并以空格隔开！", "");
if (strData == null || strData == "") {
alert("输入错误！请刷新！");
return false;
}
arr = strData.split(" ");
y = arr[0];
m = arr[1] - 1;
d = arr[2];
TheDate = new Date(y, m, d);
} //getinfo();
function e2c() {
getInfo();
var total, m, n, k;
var isEnd = false;
var tmp = TheDate.getYear();
if (tmp < 1900) tmp += 1900; //无用！
total = (tmp - 2001) * 365 + Math.floor((tmp - 2001) / 4) + madd[TheDate.getMonth()] + TheDate.getDate() - 23; //2001年1月23是除夕;该句计算到起始年正月初一的天数
if (TheDate.getYear() % 4 == 0 && TheDate.getMonth() > 1) total++; //当年是闰年且已过2月再加一天！
for (m = 0;; m++) {
k = (CalendarData[m] < 0xfff) ? 11 : 12; //起始年+m闰月吗？
for (n = k; n >= 0; n--) {
if (total <= 29 + GetBit(CalendarData[m], n)) //已找到农历年!
{
isEnd = true;
break;
}
total = total - 29 - GetBit(CalendarData[m], n); //寻找农历年！
}
if (isEnd) break;
}
cYear = 2001 + m; //农历年
cMonth = k - n + 1; //农历月
cDay = total; //农历日
if (k == 12) //闰年！
{
if (cMonth == Math.floor(CalendarData[m] / 0x10000) + 1) //该月就是闰月！
cMonth = 1 - cMonth;
if (cMonth > Math.floor(CalendarData[m] / 0x10000) + 1) cMonth--; //该月是闰月后某个月！
}
cHour = Math.floor((TheDate.getHours() + 1) / 2);
}
function GetcDateString() {
var tmp = "";
tmp += tgString.charAt((cYear - 4) % 10);
//年干
tmp += dzString.charAt((cYear - 4) % 12); //年支
tmp += "年(";
tmp += sx.charAt((cYear - 4) % 12);
tmp += ")";
if (cMonth < 1) {
tmp += "闰";
tmp += monString.charAt( - cMonth - 1); // 闰几月！
} else tmp += monString.charAt(cMonth - 1);
tmp += "月";
tmp += (cDay < 11) ? "初": ((cDay < 20) ? "十": ((cDay < 30) ? "廿": "卅")); // 初几！
if (cDay % 10 != 0 || cDay == 10) tmp += numString.charAt((cDay - 1) % 10);
if (cHour == 12) tmp += "夜";
tmp += dzString.charAt((cHour) % 12);
tmp += "时"; //几时！
cDateString = tmp;
return tmp;
}
function GetDateString() //公历时间！
{
var tmp = "";
var t1 = TheDate.getYear();
if (t1 < 1900) t1 += 1900;
tmp += t1 + "-" + (TheDate.getMonth() + 1) + "-" + TheDate.getDate() + " " + TheDate.getHours() + ":" + ((TheDate.getMinutes() < 10) ? "0": "") + TheDate.getMinutes() + " 星期" + weekString.charAt(TheDate.getDay());
DateString = tmp;
return tmp;
}
function cnCanlender() {
init();
e2c();
GetDateString();
GetcDateString();
strcnCanlender.innerText = DateString + "\n" + cDateString; //显示！
}
</script>
</head>
<body>
要保存一年的信息，其实只要两个信息就可以了：1.农历每个月的大小?<br/>2.今年是否有闰月.<br/>3.闰几月以及闰月的大小.<br/><br/>用一个整数来保存这些信息就足够了.<br/>具体的方法是：用一位来表示一个月的大?<br/> 笤录俏?，小月记为0，这样就用掉12 位（无闰月）或13 位（有闰月），再用高4位来表示闰月的月份，没有闰月记为0.<br/>比如说，2 0 0 0 年的信息数据是0 x C 9 6 ，化成二进制就是110010010110B，表示的含义是指1、2、5、8、10、11月大，其余月小.<br/>2001 年的农历信息数据是0x41A95，其中4表示今年闰4月，月份大小信息就是0x1A95（因为闰月，所以有13 位），具体的就是1、2、4、5、8、10、12月大，其余月份?<br/>?x1A95=1101010010101B），4月的后面那一个0表示的是闰4月?<br/> 幼诺哪歉?表示5月大.<br/>这样就可以用一个数组来保存这些信息.<br/>在我的JavaScript脚本程序中是用CalendarData[]这个数组来保存这些信息的.<br/>下面就是公历转换成农历的具体算法：1.计算出所求时间到起始年正月初一的天数.<br/>2.从起始年份开始，减去每一月的天数，一直到剩余天数没有下一个月多为止.<br/>此时，CalendarData[]的下标到了多少，就是减去了多少年，用起始年份加上这个下标就可以得到农历年份，然后看减去了几个月.<br/>如果本年不闰月或者闰月还在后面，就可以直接得到农历月份，如果在闰月月份数后面一个月，则这个月就是闰月，如果在闰月的后面，则要减去1 才能得到月份数.<br/>剩余的天数就是农历日，农历时用（公历时+1）/2 就可以简单地得到了.<br/>
<hr color="#00ff00"/>
<input type="button" value="开始转换" onclick="cnCanlender()"/>
<div id="strcnCanlender" name="strcnCanlender">
</div>
</body>
</html>
运行效果图如下：
PS：这里再为大家推荐几款日历相关在线工具供大家参考：
网页万年历日历：
http://tools.jb51.net/bianmin/webwannianli
在线阴历/阳历转换工具：
http://tools.jb51.net/bianmin/yinli2yangli
在线万年历日历：
http://tools.jb51.net/bianmin/wannianli
在线万年历黄历flash版：
http://tools.jb51.net/bianmin/flashwnl
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript时间与日期操作技巧总结》《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
相关推荐
-
JavaScript转换农历类实现及调用方法
复制代码 代码如下: var LunarDate = { madd: new Array(0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334), HsString: '甲乙丙丁戊己庚辛壬癸', EbString: '子丑寅卯辰巳午未申酉戌亥', NumString: "一二三四五六七八九十", MonString: "正二三四五六七八九十冬腊", CalendarData: new Array(0xA4B, 0
-
js实现带农历和八字等信息的日历特效
自己也尝试着做了一下,收获蛮大,掌握了js日历特效的实现原理后,再想增加更多的功能,完全就可以自由发挥了,先在这里分享一下吧,有兴趣的可以试试! 本文实例为大家分享了js实现带农历等信息的日历特效,代码量很大,供大家参考,具体内容如下 效果图: 实现代码: <HTML> <HEAD> <TITLE>万年历</TITLE> <META content="农历; 阳历; 月历; 节日; 时区; 节气; 八字; 干支; 生肖; gregorian
-
获取阴历（农历）和当前日期的js代码
本文为大家分享了一段js显示阴历(农历)和当前日期的关键性代码,供大家参考,具体内容如下 var CalendarData=new Array(100); var madd=new Array(12); var tgString="甲乙丙丁戊己庚辛壬癸"; var dzString="子丑寅卯辰巳午未申酉戌亥"; var numString="一二三四五六七八九十"; var monString="正二三四五六七八九十冬腊";
-
JS获取农历日期具体实例
复制代码 代码如下: <script type="text/javascript"> var CalendarData = new Array(100); var madd = new Array(12); var tgString = "甲乙丙丁戊己庚辛壬癸"; var dzString = "子丑寅卯辰巳午未申酉戌亥"; var numString = "一二三四五六七八九十";
-
Javascript农历与公历相互转换的简单实例
如下所示: /**用法 * Lunar.toSolar(2016, 6, 3); 农历转化公历 * Lunar.toLunar(2016, 7, 6); 公历转化农历 */ var Lunar = { MIN_YEAR : 1891, MAX_YEAR : 2100, lunarInfo : [ [0,2,9, 21936], [6,1,30, 9656], [0,2,17, 9584], [0,2,6, 21168], [5,1,26,43344], [0,2,13,59728], [0,2,
-
Javascript获取当前日期的农历日期代码
JavaScript代码 /*设置农历日期*/ var CalendarData=new Array(100); var madd=new Array(12); var numString="一二三四五六七八九十"; var monString="正二三四五六七八九十冬腊"; var cYear,cMonth,cDay,TheDate; // 农历每月只能是29或30天,一年用12(或13)个二进制位表示,从高到低,对应位为1表示30天,否则29天 Calendar
-
显示今天的日期js代码(阳历和农历)
1.显示日期代码: Js代码 /*获取当前日期*/ function getCurrentDateTime() { var d = new Date(); var year = d.getFullYear(); var month = d.getMonth() + 1; var date = d.getDate(); var week = d.getDay(); /*时分秒*/ /*var hours = d.getHours(); var minutes = d.getMinutes(); v
-
很全的显示阴历（农历）日期的js代码
function RunGLNL(){ var today=new Date(); var d=new Array("星期日","星期一","星期二","星期三","星期四","星期五","星期六"); var DDDD=(today.getYear()<100 ? today.getYear()+1900:today.getYear())+"年&qu
-
javascript实现带节日和农历的日历特效
带节日和农历的脚本: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <TITLE>带农历的日历</TITLE> <SCRIPT language="JavaScript"> <!-- var lunarInfo
-
JavaScript实现公历转农历功能示例
本文实例讲述了JavaScript实现公历转农历功能.分享给大家供大家参考,具体如下: 完整代码(该源码使用在线工具http://tools.jb51.net/code/js进行了格式化处理,以便于读者阅读): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &
-
JavaScript前端实现小说分页功能示例
目录 先让我找找我的思路在哪里 思路已至,码来! 结束 先让我找找我的思路在哪里 在小说读书APP中,都会有分页的功能,那么前端如何实现这个功能呢? 因为没有什么思路,那就只能在前辈的项目中寻找思路了. 这不,直接打开起点的页面,按下那个传说中的F12键,开始我传奇生涯!...不好意思,串台了 好了,然后在找一本有缘书,跟我一同前往那神秘的未知世界. 就决定是你了,开始免费试读. 然后我们就可以发现起点是如何实现这个功能的了,原来是使用columns这个属性来让文章自动分页的昂. 我们现在就去搜
-
JavaScript正则替换HTML标签功能示例
本文实例讲述了JavaScript正则替换HTML标签功能.分享给大家供大家参考,具体如下: 1.说明 获取HTML字符串(包含标签),通过正则表达式替换HTML标签,输出替换后的字符串 2.实现JavaScript代码 function deleteTag() { var regx = /<[^>]*>|<\/[^>]*>/gm; var tagStr = $("#ul_li").html(); alert("替换之前的字符串:"
-
JavaScript实现的select点菜功能示例
本文实例讲述了JavaScript实现的select点菜功能.分享给大家供大家参考,具体如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8"> <title>点菜</title> <style type="text/css"> select{ width:120px; } &l
-
原生JavaScript实现remove()和recover()功能示例
本文实例讲述了原生JavaScript实现remove()和recover()功能.分享给大家供大家参考,具体如下: 利用原生JavaScript实现: 1.remove(selectors)删除指定的一个或一组元素. 2.recover(selectors)恢复刚才删除的元素. function remove(selectors) { selectors.removeNode = []; if (selectors.length != undefined) { var len = select
-
javascript+HTML5 canvas绘制时钟功能示例
本文实例讲述了javascript+HTML5 canvas绘制时钟功能.分享给大家供大家参考,具体如下: 效果如下: 代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>www.jb51.net canvas绘制时钟</title> <style> div{text-align:cent
-
使用纯JavaScript封装一个消息提示条功能示例详解
目录 介绍 思路&布局 操作逻辑 完整代码 介绍 一个类似Element UI.Ant-Design UI等 UI 框架的消息提示功能,方便在任何网页环境中直接调用函数使用:区别在不依赖 js 及 css 引用,而是使用纯 js 进行封装实现,代码更精简,同时保持和 UI 框架一样的视觉效果(可自行修改成自己喜欢的样式) 代码仓库 在线预览效果(点击[登录].[点击复制]按钮时触发提示效果) 思路&布局 先来写单个提示条,并实现想要的过渡效果,最后再用逻辑操作输出节点即可:这里不需要父节点
-
Android使用GridView实现日历功能示例（详细代码）
Android使用GridView实现日历功能示例,代码有点多,发个图先: 如果懒得往下看的,可以直接下载源码吧,最近一直有人要,由于时间太久了,懒得找出来整理,今天又看到有人要,正好没事就整理了一下 源码下载.... 布局文件: <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/an
-
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能示例
使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates表查询 Ajax加载数据 1.这是chinastates表 2.做一个简单php:Ajax_eg.php <!DOCTYPE html> <html> <head> <meta charset=&q
-
jsp实现上一页下一页翻页功能(示例代码)
前段时间一直忙于期末考试和找实习,好久没写博客了. 这段时间做了个小项目,包含了翻页和富文本编辑器Ueditor的两个知识点,Ueditor玩的还不是很深,打算玩深后再写篇博客. 要实现翻页功能,只需要设置一个pageIndex即可,然后每次加载页面时通过pageIndex去加载数据就行. 那么我们可以设置一个隐藏的input框,用于传递pageIndex给下个页面. 当我们点击上一页的时候,通过js方法改变pageIndex的值,再提交表单即可 二话不多说,看代码,代码里面写的还算比较清楚.