Home Web Front-end JS Tutorial Very useful js calendar algorithm detailed code

Very useful js calendar algorithm detailed code

Feb 06, 2017 am 10:50 AM

<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 = &#39;<font color="#0000df" STYLE="font-size:9pt;">&#39;; 
            if (now.getDay() == 0) cl = &#39;<font color="#c00000" STYLE="font-size:9pt;">&#39;; 
            if (now.getDay() == 6) cl = &#39;<font color="#00c000" STYLE="font-size:9pt;">&#39;; 
            return (cl + SY + &#39;年&#39; + (SM + 1) + &#39;月&#39; + SD + &#39;日</font>&#39;); 
        } 
        function weekday() { 
            var day = new Array("星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"); 
            var cl = &#39;<font color="#000000" STYLE="font-size:9pt;">&#39;; 
            if (now.getDay() == 0) cl = &#39;<font color="#ff0000" STYLE="font-size:9pt;">&#39;; 
            if (now.getDay() == 6) cl = &#39;<font color="#ff0000" STYLE="font-size:9pt;">&#39;; 
            return (cl + day[now.getDay()] + &#39;</font>&#39;); 
        } 
        //==== 中文日期  
        function cDay(m, d) { 
            var nStr1 = new Array(&#39;日&#39;, &#39;一&#39;, &#39;二&#39;, &#39;三&#39;, &#39;四&#39;, &#39;五&#39;, &#39;六&#39;, &#39;七&#39;, &#39;八&#39;, &#39;九&#39;, &#39;十&#39;); 
            var nStr2 = new Array(&#39;初&#39;, &#39;十&#39;, &#39;廿&#39;, &#39;卅&#39;, &#39; &#39;); 
            var s; 
            if (m > 10) { s = &#39;十&#39; + nStr1[m - 10] } else { s = nStr1[m] } s += &#39;月&#39;
            switch (d) { 
                case 10: s += &#39;初十&#39;; break; 
                case 20: s += &#39;二十&#39;; break; 
                case 30: s += &#39;三十&#39;; 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 = &#39;<font color="#000066" STYLE="font-size:9pt;">&#39;; 
            //农历BB&#39;+(cld[d].isLeap?&#39;闰 &#39;:&#39; &#39;)+cld[d].lMonth+&#39; 月 &#39;+cld[d].lDay+&#39; 日  
            var tt = &#39;农历&#39; + cDay(lDObj.month, lDObj.day); 
            return (cl + tt + &#39;</font>&#39;); 
        } 
        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 = &#39;&#39;, solarTerms = &#39;&#39;, solarFestival = &#39;&#39;, lunarFestival = &#39;&#39;, 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 == &#39;&#39; && solarFestival == &#39;&#39; && lunarFestival == &#39;&#39;) 
                festival = &#39;&#39;; 
            else
                festival = &#39;<FONT COLOR="#ff0000" STYLE="font-size:9pt;">&#39; + solarTerms + &#39; &#39; + solarFestival + &#39; &#39; + lunarFestival + &#39;</FONT>&#39;; 

            var cl = &#39;<font color="#000066" STYLE="font-size:9pt;">&#39;; 
            return (cl + festival + &#39;</font>&#39;); 
        } 
        function setCalendar() { 

            document.write(YYMMDD() + &#39; &#39; + weekday() + &#39; &#39; + solarDay2() + &#39; &#39; + 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&#39;+(cld[d].isLeap?&#39;闰 &#39;:&#39; &#39;)+cld[d].lMonth+&#39; 月 &#39;+cld[d].lDay+&#39; 日  
            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>
Copy after login

更多很好用的js日历算法详细代码相关文章请关注PHP中文网!

Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
4 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: How To Unlock Everything In MyRise
1 months ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

How do I create and publish my own JavaScript libraries? How do I create and publish my own JavaScript libraries? Mar 18, 2025 pm 03:12 PM

Article discusses creating, publishing, and maintaining JavaScript libraries, focusing on planning, development, testing, documentation, and promotion strategies.

How do I optimize JavaScript code for performance in the browser? How do I optimize JavaScript code for performance in the browser? Mar 18, 2025 pm 03:14 PM

The article discusses strategies for optimizing JavaScript performance in browsers, focusing on reducing execution time and minimizing impact on page load speed.

What should I do if I encounter garbled code printing for front-end thermal paper receipts? What should I do if I encounter garbled code printing for front-end thermal paper receipts? Apr 04, 2025 pm 02:42 PM

Frequently Asked Questions and Solutions for Front-end Thermal Paper Ticket Printing In Front-end Development, Ticket Printing is a common requirement. However, many developers are implementing...

How do I debug JavaScript code effectively using browser developer tools? How do I debug JavaScript code effectively using browser developer tools? Mar 18, 2025 pm 03:16 PM

The article discusses effective JavaScript debugging using browser developer tools, focusing on setting breakpoints, using the console, and analyzing performance.

Who gets paid more Python or JavaScript? Who gets paid more Python or JavaScript? Apr 04, 2025 am 12:09 AM

There is no absolute salary for Python and JavaScript developers, depending on skills and industry needs. 1. Python may be paid more in data science and machine learning. 2. JavaScript has great demand in front-end and full-stack development, and its salary is also considerable. 3. Influencing factors include experience, geographical location, company size and specific skills.

How do I use source maps to debug minified JavaScript code? How do I use source maps to debug minified JavaScript code? Mar 18, 2025 pm 03:17 PM

The article explains how to use source maps to debug minified JavaScript by mapping it back to the original code. It discusses enabling source maps, setting breakpoints, and using tools like Chrome DevTools and Webpack.

Getting Started With Chart.js: Pie, Doughnut, and Bubble Charts Getting Started With Chart.js: Pie, Doughnut, and Bubble Charts Mar 15, 2025 am 09:19 AM

This tutorial will explain how to create pie, ring, and bubble charts using Chart.js. Previously, we have learned four chart types of Chart.js: line chart and bar chart (tutorial 2), as well as radar chart and polar region chart (tutorial 3). Create pie and ring charts Pie charts and ring charts are ideal for showing the proportions of a whole that is divided into different parts. For example, a pie chart can be used to show the percentage of male lions, female lions and young lions in a safari, or the percentage of votes that different candidates receive in the election. Pie charts are only suitable for comparing single parameters or datasets. It should be noted that the pie chart cannot draw entities with zero value because the angle of the fan in the pie chart depends on the numerical size of the data point. This means any entity with zero proportion

The difference in console.log output result: Why are the two calls different? The difference in console.log output result: Why are the two calls different? Apr 04, 2025 pm 05:12 PM

In-depth discussion of the root causes of the difference in console.log output. This article will analyze the differences in the output results of console.log function in a piece of code and explain the reasons behind it. �...

See all articles