很好用的js日曆演算法詳細程式碼-js教程-PHP中文網

首頁

web前端

js教程

很好用的js日曆演算法詳細程式碼

高洛峰

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>

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

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

從C/C到JavaScript：所有工作方式Apr 14, 2025 am 12:05 AM

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1）C/C 是靜態類型語言，需手動管理內存，而JavaScript是動態類型，垃圾回收自動處理。 2）C/C 需編譯成機器碼，JavaScript則為解釋型語言。 3）JavaScript引入閉包、原型鍊和Promise等概念，增強了靈活性和異步編程能力。

JavaScript引擎：比較實施Apr 13, 2025 am 12:05 AM

不同JavaScript引擎在解析和執行JavaScript代碼時，效果會有所不同，因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析：將源碼轉換為詞法單元。 2.語法分析：生成抽象語法樹。 3.優化和編譯：通過JIT編譯器生成機器碼。 4.執行：運行機器碼。 V8引擎通過即時編譯和隱藏類優化，SpiderMonkey使用類型推斷系統，導致在相同代碼上的性能表現不同。

超越瀏覽器：現實世界中的JavaScriptApr 12, 2025 am 12:06 AM

JavaScript在現實世界中的應用包括服務器端編程、移動應用開發和物聯網控制：1.通過Node.js實現服務器端編程，適用於高並發請求處理。 2.通過ReactNative進行移動應用開發，支持跨平台部署。 3.通過Johnny-Five庫用於物聯網設備控制，適用於硬件交互。

使用Next.js（後端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:23 AM

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序（一個Edtech應用程序），您可以做同樣的事情。首先，什麼是多租戶SaaS應用程序？多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

如何使用Next.js（前端集成）構建多租戶SaaS應用程序Apr 11, 2025 am 08:22 AM

本文展示了與許可證確保的後端的前端集成，並使用Next.js構建功能性Edtech SaaS應用程序。前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

JavaScript：探索網絡語言的多功能性Apr 11, 2025 am 12:01 AM

JavaScript是現代Web開發的核心語言，因其多樣性和靈活性而廣泛應用。 1)前端開發：通過DOM操作和現代框架（如React、Vue.js、Angular）構建動態網頁和單頁面應用。 2)服務器端開發：Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發：通過ReactNative和Electron實現跨平台開發，提高開發效率。

JavaScript的演變：當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript：它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石，它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發，極大地提升了用戶體驗和跨平台開發的靈活性。

See all articles