很好用的js日历算法详细代码


Posted in Javascript onMarch 07, 2013
<script type="text/javascript"> 
        var lunarInfo = new Array( 
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, 0x0a5d0, 0x14573, 0x052d0, 0x0a9a8, 0x0e950, 0x06aa0, 
0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, 
0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b5a0, 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) 
        var Animals = new Array("鼠", "牛", "虎", "兔", "龙", "蛇", "马", "羊", "猴", "鸡", "狗", "猪"); 
        var Gan = new Array("甲", "乙", "丙", "丁", "戊", "己", "庚", "辛", "壬", "癸"); 
        var Zhi = new Array("子", "丑", "寅", "卯", "辰", "巳", "午", "未", "申", "酉", "戌", "亥"); 
        var now = new Date(); 
        var SY = now.getFullYear(); 
        var SM = now.getMonth(); 
        var SD = now.getDate();         //==== 传入 offset 传回干支, 0=甲子  
        function cyclical(num) { return (Gan[num % 10] + Zhi[num % 12]) } 
        //==== 传回农历 y年的总天数  
        function lYearDays(y) { 
            var i, sum = 348 
            for (i = 0x8000; i > 0x8; i >>= 1) sum += (lunarInfo[y - 1900] & i) ? 1 : 0 
            return (sum + leapDays(y)) 
        } 
        //==== 传回农历 y年闰月的天数  
        function leapDays(y) { 
            if (leapMonth(y)) return ((lunarInfo[y - 1900] & 0x10000) ? 30 : 29) 
            else return (0) 
        } 
        //==== 传回农历 y年闰哪个月 1-12 , 没闰传回 0  
        function leapMonth(y) { return (lunarInfo[y - 1900] & 0xf) } 
        //====================================== 传回农历 y年m月的总天数  
        function monthDays(y, m) { return ((lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29) } 
        //==== 算出农历, 传入日期物件, 传回农历日期物件  
        //     该物件属性有 .year .month .day .isLeap .yearCyl .dayCyl .monCyl  
        function Lunar(objDate) { 
            var i, leap = 0, temp = 0 
            var baseDate = new Date(1900, 0, 31) 
            var offset = (objDate - baseDate) / 86400000 
            this.dayCyl = offset + 40 
            this.monCyl = 14 
            for (i = 1900; i < 2050 && offset > 0; i++) { 
                temp = lYearDays(i) 
                offset -= temp 
                this.monCyl += 12 
            } 
            if (offset < 0) { 
                offset += temp; 
                i--; 
                this.monCyl -= 12 
            } 
            this.year = i 
            this.yearCyl = i - 1864 
            leap = leapMonth(i) //闰哪个月  
            this.isLeap = false
            for (i = 1; i < 13 && offset > 0; i++) { 
                //闰月  
                if (leap > 0 && i == (leap + 1) && this.isLeap == false) 
                { --i; this.isLeap = true; temp = leapDays(this.year); } 
                else
                { temp = monthDays(this.year, i); } 
                //解除闰月  
                if (this.isLeap == true && i == (leap + 1)) this.isLeap = false
                offset -= temp 
                if (this.isLeap == false) this.monCyl++ 
            } 
            if (offset == 0 && leap > 0 && i == leap + 1) 
                if (this.isLeap) 
                { this.isLeap = false; } 
                else
                { this.isLeap = true; --i; --this.monCyl; } 
            if (offset < 0) { offset += temp; --i; --this.monCyl; } 
            this.month = i 
            this.day = offset + 1 
        } 
        function YYMMDD() { 
            var cl = '<font color="#0000df" STYLE="font-size:9pt;">'; 
            if (now.getDay() == 0) cl = '<font color="#c00000" STYLE="font-size:9pt;">'; 
            if (now.getDay() == 6) cl = '<font color="#00c000" STYLE="font-size:9pt;">'; 
            return (cl + SY + '年' + (SM + 1) + '月' + SD + '日</font>'); 
        } 
        function weekday() { 
            var day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); 
            var cl = '<font color="#000000" STYLE="font-size:9pt;">'; 
            if (now.getDay() == 0) cl = '<font color="#ff0000" STYLE="font-size:9pt;">'; 
            if (now.getDay() == 6) cl = '<font color="#ff0000" STYLE="font-size:9pt;">'; 
            return (cl + day[now.getDay()] + '</font>'); 
        } 
        //==== 中文日期  
        function cDay(m, d) { 
            var nStr1 = new Array('日', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十'); 
            var nStr2 = new Array('初', '十', '廿', '卅', ' '); 
            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); 
        } 
        function solarDay2() { 
            var sDObj = new Date(SY, SM, SD); 
            var lDObj = new Lunar(sDObj); 
            var cl = '<font color="#000066" STYLE="font-size:9pt;">'; 
            //农历BB'+(cld[d].isLeap?'闰 ':' ')+cld[d].lMonth+' 月 '+cld[d].lDay+' 日  
            var tt = '农历' + cDay(lDObj.month, lDObj.day); 
            return (cl + tt + '</font>'); 
        } 
        function solarDay3() { 
            var sTermInfo = new Array(0, 21208, 42467, 63836, 85337, 107014, 128867, 150921, 173149, 
195551, 218072, 240693, 263343, 285989, 308563, 331033, 353350, 375494, 397447, 419210, 
440795, 462224, 483532, 504758) 
            var solarTerm = new Array("小寒", "大寒", "立春", "雨水", "惊蛰", "春分", "清明", "谷雨", "立夏", "小满", "芒种", "夏至", "小暑", "大暑", "立秋", "处暑", "白露", "秋分", "寒露", "霜降", "立冬", "小雪", "大雪", "冬至") 
            var lFtv = new Array("0101*春节", "0115 元宵节", "0505 端午节", "0707 七夕情人节", "0715 中元节", "0815 中秋节", "0909 重阳节", "1208 腊八节", "1224 小年", "0100*除夕") 
            var sFtv = new Array("0101*元旦", "0214 情人节", "0308 妇女节", "0312 植树节", "0315 消费者权益日", "0401 愚人节", "0501 劳动节", "0504 青年节", "0512 护士节", "0601 儿童节", "0701 建党节 香港回归纪念", 
"0801 建军节", "0808 父亲节", "0909 南晟网周年纪念日", "0910 教师节", "0928 孔子诞辰", "1001*国庆节", 
"1006 老人节", "1024 联合国日", "1112 孙中山诞辰", "1220 澳门回归纪念", "1225 圣诞节", "1226 毛主席诞辰") 
            var sDObj = new Date(SY, SM, SD); 
            var lDObj = new Lunar(sDObj); 
            var lDPOS = new Array(3) 
            var festival = '', solarTerms = '', solarFestival = '', lunarFestival = '', tmp1, tmp2; 
            //农历节日  
            for (i in lFtv) 
                if (lFtv[i].match(/^(\d{2})(.{2})([\s\*])(.+)$/)) { 
                    tmp1 = Number(RegExp.$1) - lDObj.month 
                    tmp2 = Number(RegExp.$2) - lDObj.day 
                    if (tmp1 == 0 && tmp2 == 0) lunarFestival = RegExp.$4 
                } 
            //国历节日  
            for (i in sFtv) 
                if (sFtv[i].match(/^(\d{2})(\d{2})([\s\*])(.+)$/)) { 
                    tmp1 = Number(RegExp.$1) - (SM + 1) 
                    tmp2 = Number(RegExp.$2) - SD 
                    if (tmp1 == 0 && tmp2 == 0) solarFestival = RegExp.$4 
                } 
            //节气  
            tmp1 = new Date((31556925974.7 * (SY - 1900) + sTermInfo[SM * 2 + 1] * 60000) + Date.UTC(1900, 0, 6, 2, 5)) 
            tmp2 = tmp1.getUTCDate() 
            if (tmp2 == SD) solarTerms = solarTerm[SM * 2 + 1] 
            tmp1 = new Date((31556925974.7 * (SY - 1900) + sTermInfo[SM * 2] * 60000) + Date.UTC(1900, 0, 6, 2, 5)) 
            tmp2 = tmp1.getUTCDate() 
            if (tmp2 == SD) solarTerms = solarTerm[SM * 2] 
            if (solarTerms == '' && solarFestival == '' && lunarFestival == '') 
                festival = ''; 
            else
                festival = '<FONT COLOR="#ff0000" STYLE="font-size:9pt;">' + solarTerms + ' ' + solarFestival + ' ' + lunarFestival + '</FONT>'; 
            var cl = '<font color="#000066" STYLE="font-size:9pt;">'; 
            return (cl + festival + '</font>'); 
        } 
        function setCalendar() { 
            document.write(YYMMDD() + ' ' + weekday() + ' ' + solarDay2() + ' ' + solarDay3()); 
        } 
        setCalendar(); 
        //-->  
        //获取当月的阳历天数 
        function getNowMonthDays(year, month) { 
            var isy = false; 
            if (year % 400 == 0 || (year % 4 == 0 && year % 100 != 0)) isy = true; 
            switch (month) { 
                case 1: 
                case 3: 
                case 5: 
                case 7: 
                case 8: 
                case 10: 
                case 12: 
                    return 31; 
                case 4: 
                case 6: 
                case 9: 
                case 11: 
                    return 30; 
                case 2: 
                    return isy ? 28 : 29; 
            } 
        } 
        //获取该月一号是周几 
        function getStartWeek() { 
            var tempnum = SD % 7; 
            var week = now.getDay() + 1; //今天周几 
            var startweek = week + 7 - tempnum; 
            return startweek > 7 ? startweek % 7 : startweek; 
        } 
        //获取农历 
        function getSolarDay(year, month, day) { 
            var sDObj = new Date(year, month, day); 
            var lDObj = new Lunar(sDObj); 
            //农历BB'+(cld[d].isLeap?'闰 ':' ')+cld[d].lMonth+' 月 '+cld[d].lDay+' 日  
            return cDay(lDObj.month, lDObj.day); 
        } 
        //月视图 
        function showMonth() { 
            debugger; 
            var days = getNowMonthDays(SY, SM + 1); 
            var startweek = getStartWeek(); 
            var html = "<tr><td>星期一</td><td>星期二</td><td>星期三</td><td>星期四</td><td>星期五</td><td>星期六</td><td>星期日</td></tr><tr>"; 
            var index = 0; 
            for (var i = 1; i < startweek; i++) { 
                html += "<td> </td>"; index++; 
            } 
            for (var i = 1; i <= days; i++) { 
                if (index % 7 == 0) { 
                    html += "</tr><tr>"; 
                } html += "<td>" + i + "<br>" + getSolarDay(SY, SM, i) + "</td>"; 
                index++; 
            } 
            for (var i = 0; i < 7; i++) { 
                if (index % 7 == 0) { 
                    break; 
                } 
                html += "<td> </td>"; index++; 
            } 
            html += "</tr>"; 
            $("#table_calendar").html(html); 
        } 
    </script>
Javascript 相关文章推荐
JavaScript多线程的实现方法
May 08 Javascript
JavaScript的面向对象方法以及差别
Mar 31 Javascript
JQuery 浮动导航栏实现代码
Aug 27 Javascript
JS实现在Repeater控件中创建可隐藏区域的代码
Sep 16 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
May 10 Javascript
jQuery实现的自定义弹出层效果实例详解
Sep 04 Javascript
bootstrap switch开关组件使用方法详解
Aug 22 Javascript
vue中实现在外部调用methods的方法(推荐)
Feb 08 Javascript
vue.js中created方法作用
Mar 30 Javascript
JavaScript中将值转换为字符串的五种方法总结
Jun 06 Javascript
js实现小时钟效果
Mar 25 Javascript
如何通过JS实现日历简单算法
Oct 14 Javascript
Javascript查询DBpedia小应用实例学习
Mar 07 #Javascript
JS链式调用的实现方法
Mar 07 #Javascript
jQuery滚动加载图片效果的实现
Mar 06 #Javascript
HTML上传控件取消选择
Mar 06 #Javascript
jQuery操作Select选择的Text和Value(获取/设置/添加/删除)
Mar 06 #Javascript
JQuery操作tr和td内容的方法实例
Mar 06 #Javascript
node在两个div之间移动,用ztree实现
Mar 06 #Javascript
You might like
星际流派综述
2020/03/04 星际争霸
PHP 如何获取二维数组中某个key的集合
2014/06/03 PHP
PHP制作万年历
2015/01/07 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
nodejs win7下安装方法
2012/05/24 NodeJs
jquery插件NProgress.js制作网页加载进度条
2015/06/05 Javascript
javascript中select下拉框的用法总结
2016/01/07 Javascript
理解javascript模块化
2016/03/28 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
详解vue-router和vue-cli以及组件之间的传值
2017/07/04 Javascript
vue2实现数据请求显示loading图
2017/11/28 Javascript
JS逻辑运算符短路操作实例分析
2018/07/09 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
python3+PyQt5泛型委托详解
2018/04/24 Python
详解基于python的多张不同宽高图片拼接成大图
2019/09/26 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
2019/11/01 Python
python判断一个变量是否已经设置的方法
2020/08/13 Python
python 进程池pool使用详解
2020/10/15 Python
HTML5打开本地app应用的方法
2016/03/31 HTML / CSS
HTML5 Canvas绘制文本及图片的基础教程
2016/03/14 HTML / CSS
德国baby-markt婴儿用品瑞士网站:baby-markt.ch
2017/06/09 全球购物
英国川宁茶官方网站:Twinings茶
2019/05/21 全球购物
年会搞笑主持词
2014/03/27 职场文书
应聘英语教师求职信
2014/04/24 职场文书
交警个人先进事迹材料
2014/05/11 职场文书
美食节目策划方案
2014/05/31 职场文书
小学社团活动总结
2014/06/27 职场文书
自我查摆剖析材料
2014/10/11 职场文书
综合实践活动报告
2015/02/05 职场文书
中班下学期个人工作总结
2015/02/12 职场文书
护士求职自荐信
2015/03/25 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
pytorch 两个GPU同时训练的解决方案
2021/06/01 Python
浅谈Java父子类加载顺序
2021/08/04 Java/Android