1. <ul id="0c1fb"></ul>

      <noscript id="0c1fb"><video id="0c1fb"></video></noscript>
      <noscript id="0c1fb"><listing id="0c1fb"><thead id="0c1fb"></thead></listing></noscript>

      99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

      RELATEED CONSULTING
      相關咨詢
      選擇下列產(chǎn)品馬上在線溝通
      服務時間:8:30-17:00
      你可能遇到了下面的問題
      關閉右側(cè)工具欄

      新聞中心

      這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
      Vue編寫可顯示周和月模式的日歷Vue自定義日歷內(nèi)容的顯示

      之前寫了一篇周和月日歷,但感覺體驗不是太好,所以有重新做了一遍,加上了動畫。還可以自定義顯示日歷里的內(nèi)容。

      創(chuàng)新互聯(lián)公司服務項目包括平遠網(wǎng)站建設、平遠網(wǎng)站制作、平遠網(wǎng)頁制作以及平遠網(wǎng)絡營銷策劃等。多年來,我們專注于互聯(lián)網(wǎng)行業(yè),利用自身積累的技術優(yōu)勢、行業(yè)經(jīng)驗、深度合作伙伴關系等,向廣大中小型企業(yè)、政府機構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案,平遠網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟效益。目前,我們服務的客戶以成都為中心已經(jīng)輻射到平遠省份的部分城市,未來相信會繼續(xù)擴大服務區(qū)域并繼續(xù)獲得客戶的支持與信任!

      現(xiàn)在貼出項目源碼,我現(xiàn)在是放在CSDN里的下載資源,這里哦

      現(xiàn)在我上傳帶了GitHub上了,可以去這里下載哦,如果覺得好的話希望能給個star,謝謝支持

      1.總共分為兩個組件(父組件calendar.vue)

      
      
      

      2.子組件移動的組件(swiper_monthweek.vue)

      
      
      

      3.calendar.js

      /**
       * Created by Administrator on 2018/1/19.
       */
      /**
       * @1900-2100區(qū)間內(nèi)的公歷、農(nóng)歷互轉(zhuǎn)
       * @charset UTF-8
       * @Author Jea楊(JJonline@JJonline.Cn)
       * @Time 2014-7-21
       * @Time 2016-8-13 Fixed 2033hex、Attribution Annals
       * @Time 2016-9-25 Fixed lunar LeapMonth Param Bug
       * @Version 1.0.2
       * @公歷轉(zhuǎn)農(nóng)歷:calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
       * @農(nóng)歷轉(zhuǎn)公歷:calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
       */
      const calendar = {
       
       /**
       * 農(nóng)歷1900-2100的潤大小信息表
       * @Array Of Property
       * @return Hex
       */
       lunarInfo:[0x04bd8,0x04ae0,0x0a570,0x054d5,0x0d260,0x0d950,0x16554,0x056a0,0x09ad0,0x055d2,//1900-1909
       0x04ae0,0x0a5b6,0x0a4d0,0x0d250,0x1d255,0x0b540,0x0d6a0,0x0ada2,0x095b0,0x14977,//1910-1919
       0x04970,0x0a4b0,0x0b4b5,0x06a50,0x06d40,0x1ab54,0x02b60,0x09570,0x052f2,0x04970,//1920-1929
       0x06566,0x0d4a0,0x0ea50,0x06e95,0x05ad0,0x02b60,0x186e3,0x092e0,0x1c8d7,0x0c950,//1930-1939
       0x0d4a0,0x1d8a6,0x0b550,0x056a0,0x1a5b4,0x025d0,0x092d0,0x0d2b2,0x0a950,0x0b557,//1940-1949
       0x06ca0,0x0b550,0x15355,0x04da0,0x0a5b0,0x14573,0x052b0,0x0a9a8,0x0e950,0x06aa0,//1950-1959
       0x0aea6,0x0ab50,0x04b60,0x0aae4,0x0a570,0x05260,0x0f263,0x0d950,0x05b57,0x056a0,//1960-1969
       0x096d0,0x04dd5,0x04ad0,0x0a4d0,0x0d4d4,0x0d250,0x0d558,0x0b540,0x0b6a0,0x195a6,//1970-1979
       0x095b0,0x049b0,0x0a974,0x0a4b0,0x0b27a,0x06a50,0x06d40,0x0af46,0x0ab60,0x09570,//1980-1989
       0x04af5,0x04970,0x064b0,0x074a3,0x0ea50,0x06b58,0x055c0,0x0ab60,0x096d5,0x092e0,//1990-1999
       0x0c960,0x0d954,0x0d4a0,0x0da50,0x07552,0x056a0,0x0abb7,0x025d0,0x092d0,0x0cab5,//2000-2009
       0x0a950,0x0b4a0,0x0baa4,0x0ad50,0x055d9,0x04ba0,0x0a5b0,0x15176,0x052b0,0x0a930,//2010-2019
       0x07954,0x06aa0,0x0ad50,0x05b52,0x04b60,0x0a6e6,0x0a4e0,0x0d260,0x0ea65,0x0d530,//2020-2029
       0x05aa0,0x076a3,0x096d0,0x04afb,0x04ad0,0x0a4d0,0x1d0b6,0x0d250,0x0d520,0x0dd45,//2030-2039
       0x0b5a0,0x056d0,0x055b2,0x049b0,0x0a577,0x0a4b0,0x0aa50,0x1b255,0x06d20,0x0ada0,//2040-2049
       /**Add By JJonline@JJonline.Cn**/
       0x14b63,0x09370,0x049f8,0x04970,0x064b0,0x168a6,0x0ea50, 0x06b20,0x1a6c4,0x0aae0,//2050-2059
       0x0a2e0,0x0d2e3,0x0c960,0x0d557,0x0d4a0,0x0da50,0x05d55,0x056a0,0x0a6d0,0x055d4,//2060-2069
       0x052d0,0x0a9b8,0x0a950,0x0b4a0,0x0b6a6,0x0ad50,0x055a0,0x0aba4,0x0a5b0,0x052b0,//2070-2079
       0x0b273,0x06930,0x07337,0x06aa0,0x0ad50,0x14b55,0x04b60,0x0a570,0x054e4,0x0d160,//2080-2089
       0x0e968,0x0d520,0x0daa0,0x16aa6,0x056d0,0x04ae0,0x0a9d4,0x0a2d0,0x0d150,0x0f252,//2090-2099
       0x0d520],//2100
       
       /**
       * 公歷每個月份的天數(shù)普通表
       * @Array Of Property
       * @return Number
       */
       solarMonth:[31,28,31,30,31,30,31,31,30,31,30,31],
       
       /**
       * 天干地支之天干速查表
       * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
       * @return Cn string
       */
       Gan:["\u7532","\u4e59","\u4e19","\u4e01","\u620a","\u5df1","\u5e9a","\u8f9b","\u58ec","\u7678"],
       
       /**
       * 天干地支之地支速查表
       * @Array Of Property
       * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
       * @return Cn string
       */
       Zhi:["\u5b50","\u4e11","\u5bc5","\u536f","\u8fb0","\u5df3","\u5348","\u672a","\u7533","\u9149","\u620c","\u4ea5"],
       
       /**
       * 天干地支之地支速查表<=>生肖
       * @Array Of Property
       * @trans["鼠","牛","虎","兔","龍","蛇","馬","羊","猴","雞","狗","豬"]
       * @return Cn string
       */
       Animals:["\u9f20","\u725b","\u864e","\u5154","\u9f99","\u86c7","\u9a6c","\u7f8a","\u7334","\u9e21","\u72d7","\u732a"],
       
       /**
       * 24節(jié)氣速查表
       * @Array Of Property
       * @trans["小寒","大寒","立春","雨水","驚蟄","春分","清明","谷雨","立夏","小滿","芒種","夏至","小暑","大暑","立秋","處暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
       * @return Cn string
       */
       solarTerm:["\u5c0f\u5bd2","\u5927\u5bd2","\u7acb\u6625","\u96e8\u6c34","\u60ca\u86f0","\u6625\u5206","\u6e05\u660e","\u8c37\u96e8","\u7acb\u590f","\u5c0f\u6ee1","\u8292\u79cd","\u590f\u81f3","\u5c0f\u6691","\u5927\u6691","\u7acb\u79cb","\u5904\u6691","\u767d\u9732","\u79cb\u5206","\u5bd2\u9732","\u971c\u964d","\u7acb\u51ac","\u5c0f\u96ea","\u5927\u96ea","\u51ac\u81f3"],
       
       /**
       * 1900-2100各年的24節(jié)氣日期速查表
       * @Array Of Property
       * @return 0x string For splice
       */
       sTermInfo:['9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf97c3598082c95f8c965cc920f',
       '97bd0b06bdb0722c965ce1cfcc920f','b027097bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
       '97bcf97c359801ec95f8c965cc920f','97bd0b06bdb0722c965ce1cfcc920f','b027097bd097c36b0b6fc9274c91aa',
       '97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f','97bd0b06bdb0722c965ce1cfcc920f',
       'b027097bd097c36b0b6fc9274c91aa','9778397bd19801ec9210c965cc920e','97b6b97bd19801ec95f8c965cc920f',
       '97bd09801d98082c95f8e1cfcc920f','97bd097bd097c36b0b6fc9210c8dc2','9778397bd197c36c9210c9274c91aa',
       '97b6b97bd19801ec95f8c965cc920e','97bd09801d98082c95f8e1cfcc920f','97bd097bd097c36b0b6fc9210c8dc2',
       '9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec95f8c965cc920e','97bcf97c3598082c95f8e1cfcc920f',
       '97bd097bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec9210c965cc920e',
       '97bcf97c3598082c95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b97bd19801ec9210c965cc920e','97bcf97c3598082c95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722',
       '9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f',
       '97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
       '97bcf97c359801ec95f8c965cc920f','97bd097bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b97bd19801ec9210c965cc920e','97bcf97c359801ec95f8c965cc920f','97bd097bd07f595b0b6fc920fb0722',
       '9778397bd097c36b0b6fc9210c8dc2','9778397bd19801ec9210c9274c920e','97b6b97bd19801ec95f8c965cc920f',
       '97bd07f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c920e',
       '97b6b97bd19801ec95f8c965cc920f','97bd07f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2',
       '9778397bd097c36c9210c9274c91aa','97b6b97bd19801ec9210c965cc920e','97bd07f1487f595b0b0bc920fb0722',
       '7f0e397bd097c36b0b6fc9210c8dc2','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
       '97bcf7f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b97bd19801ec9210c965cc920e','97bcf7f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
       '9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e','97bcf7f1487f531b0b0bb0b6fb0722',
       '7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b97bd19801ec9210c965cc920e',
       '97bcf7f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b97bd19801ec9210c9274c920e','97bcf7f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
       '9778397bd097c36b0b6fc9210c91aa','97b6b97bd197c36c9210c9274c920e','97bcf7f0e47f531b0b0bb0b6fb0722',
       '7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9210c8dc2','9778397bd097c36c9210c9274c920e',
       '97b6b7f0e47f531b0723b0b6fb0722','7f0e37f5307f595b0b0bc920fb0722','7f0e397bd097c36b0b6fc9210c8dc2',
       '9778397bd097c36b0b70c9274c91aa','97b6b7f0e47f531b0723b0b6fb0721','7f0e37f1487f595b0b0bb0b6fb0722',
       '7f0e397bd097c35b0b6fc9210c8dc2','9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721',
       '7f0e27f1487f595b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
       '9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
       '7f0e397bd097c35b0b6fc920fb0722','9778397bd097c36b0b6fc9274c91aa','97b6b7f0e47f531b0723b0b6fb0721',
       '7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9274c91aa',
       '97b6b7f0e47f531b0723b0787b0721','7f0e27f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
       '9778397bd097c36b0b6fc9210c91aa','97b6b7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
       '7f0e397bd07f595b0b0bc920fb0722','9778397bd097c36b0b6fc9210c8dc2','977837f0e37f149b0723b0787b0721',
       '7f07e7f0e47f531b0723b0b6fb0722','7f0e37f5307f595b0b0bc920fb0722','7f0e397bd097c35b0b6fc9210c8dc2',
       '977837f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0721','7f0e37f1487f595b0b0bb0b6fb0722',
       '7f0e397bd097c35b0b6fc9210c8dc2','977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
       '7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722','977837f0e37f14998082b0787b06bd',
       '7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd097c35b0b6fc920fb0722',
       '977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
       '7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
       '7f0e27f1487f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14998082b0787b06bd',
       '7f07e7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0b0bb0b6fb0722','7f0e397bd07f595b0b0bc920fb0722',
       '977837f0e37f14998082b0723b06bd','7f07e7f0e37f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
       '7f0e397bd07f595b0b0bc920fb0722','977837f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b0721',
       '7f07e7f0e47f531b0723b0b6fb0722','7f0e37f1487f595b0b0bb0b6fb0722','7f0e37f0e37f14898082b0723b02d5',
       '7ec967f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0722','7f0e37f1487f531b0b0bb0b6fb0722',
       '7f0e37f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
       '7f0e37f1487f531b0b0bb0b6fb0722','7f0e37f0e37f14898082b072297c35','7ec967f0e37f14998082b0787b06bd',
       '7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722','7f0e37f0e37f14898082b072297c35',
       '7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722',
       '7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f149b0723b0787b0721',
       '7f0e27f1487f531b0b0bb0b6fb0722','7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14998082b0723b06bd',
       '7f07e7f0e47f149b0723b0787b0721','7f0e27f0e47f531b0723b0b6fb0722','7f0e37f0e366aa89801eb072297c35',
       '7ec967f0e37f14998082b0723b06bd','7f07e7f0e37f14998083b0787b0721','7f0e27f0e47f531b0723b0b6fb0722',
       '7f0e37f0e366aa89801eb072297c35','7ec967f0e37f14898082b0723b02d5','7f07e7f0e37f14998082b0787b0721',
       '7f07e7f0e47f531b0723b0b6fb0722','7f0e36665b66aa89801e9808297c35','665f67f0e37f14898082b0723b02d5',
       '7ec967f0e37f14998082b0787b0721','7f07e7f0e47f531b0723b0b6fb0722','7f0e36665b66a449801e9808297c35',
       '665f67f0e37f14898082b0723b02d5','7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721',
       '7f0e36665b66a449801e9808297c35','665f67f0e37f14898082b072297c35','7ec967f0e37f14998082b0787b06bd',
       '7f07e7f0e47f531b0723b0b6fb0721','7f0e26665b66a449801e9808297c35','665f67f0e37f1489801eb072297c35',
       '7ec967f0e37f14998082b0787b06bd','7f07e7f0e47f531b0723b0b6fb0721','7f0e27f1487f531b0b0bb0b6fb0722'],
       
       /**
       * 數(shù)字轉(zhuǎn)中文速查表
       * @Array Of Property
       * @trans ['日','一','二','三','四','五','六','七','八','九','十']
       * @return Cn string
       */
       nStr1:["\u65e5","\u4e00","\u4e8c","\u4e09","\u56db","\u4e94","\u516d","\u4e03","\u516b","\u4e5d","\u5341"],
       
       /**
       * 日期轉(zhuǎn)農(nóng)歷稱呼速查表
       * @Array Of Property
       * @trans ['初','十','廿','卅']
       * @return Cn string
       */
       nStr2:["\u521d","\u5341","\u5eff","\u5345"],
       
       /**
       * 月份轉(zhuǎn)農(nóng)歷稱呼速查表
       * @Array Of Property
       * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','臘']
       * @return Cn string
       */
       nStr3:["\u6b63","\u4e8c","\u4e09","\u56db","\u4e94","\u516d","\u4e03","\u516b","\u4e5d","\u5341","\u51ac","\u814a"],
       
       /**
       * 返回農(nóng)歷y年一整年的總天數(shù)
       * @param lunar Year
       * @return Number
       * @eg:var count = calendar.lYearDays(1987) ;//count=387
       */
       lYearDays:function(y) {
       var i, sum = 348;
       for(i=0x8000; i>0x8; i>>=1) { sum += (calendar.lunarInfo[y-1900] & i)? 1: 0; }
       return(sum+calendar.leapDays(y));
       },
       
       /**
       * 返回農(nóng)歷y年閏月是哪個月;若y年沒有閏月 則返回0
       * @param lunar Year
       * @return Number (0-12)
       * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
       */
       leapMonth:function(y) { //閏字編碼 \u95f0
       return(calendar.lunarInfo[y-1900] & 0xf);
       },
       
       /**
       * 返回農(nóng)歷y年閏月的天數(shù) 若該年沒有閏月則返回0
       * @param lunar Year
       * @return Number (0、29、30)
       * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
       */
       leapDays:function(y) {
       if(calendar.leapMonth(y)) {
        return((calendar.lunarInfo[y-1900] & 0x10000)? 30: 29);
       }
       return(0);
       },
       
       /**
       * 返回農(nóng)歷y年m月(非閏月)的總天數(shù),計算m為閏月時的天數(shù)請使用leapDays方法
       * @param lunar Year
       * @return Number (-1、29、30)
       * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
       */
       monthDays:function(y,m) {
       if(m>12 || m<1) {return -1}//月份參數(shù)從1至12,參數(shù)錯誤返回-1
       return( (calendar.lunarInfo[y-1900] & (0x10000>>m))? 30: 29 );
       },
       
       /**
       * 返回公歷(!)y年m月的天數(shù)
       * @param solar Year
       * @return Number (-1、28、29、30、31)
       * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
       */
       solarDays:function(y,m) {
       if(m>12 || m<1) {return -1} //若參數(shù)錯誤 返回-1
       var ms = m-1;
       if(ms==1) { //2月份的閏平規(guī)律測算后確認返回28或29
        return(((y%4 == 0) && (y%100 != 0) || (y%400 == 0))? 29: 28);
       }else {
        return(calendar.solarMonth[ms]);
       }
       },
       
       /**
       * 農(nóng)歷年份轉(zhuǎn)換為干支紀年
       * @param lYear 農(nóng)歷年的年份數(shù)
       * @return Cn string
       */
       toGanZhiYear:function(lYear) {
       var ganKey = (lYear - 3) % 10;
       var zhiKey = (lYear - 3) % 12;
       if(ganKey == 0) ganKey = 10;//如果余數(shù)為0則為最后一個天干
       if(zhiKey == 0) zhiKey = 12;//如果余數(shù)為0則為最后一個地支
       return calendar.Gan[ganKey-1] + calendar.Zhi[zhiKey-1];
       
       },
       
       /**
       * 公歷月、日判斷所屬星座
       * @param cMonth [description]
       * @param cDay [description]
       * @return Cn string
       */
       toAstro:function(cMonth,cDay) {
       var s = "\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
       var arr = [20,19,21,21,21,22,23,23,23,23,22,22];
       return s.substr(cMonth*2 - (cDay < arr[cMonth-1] ? 2 : 0),2) + "\u5ea7";//座
       },
       
       /**
       * 傳入offset偏移量返回干支
       * @param offset 相對甲子的偏移量
       * @return Cn string
       */
       toGanZhi:function(offset) {
       return calendar.Gan[offset%10] + calendar.Zhi[offset%12];
       },
       
       /**
       * 傳入公歷(!)y年獲得該年第n個節(jié)氣的公歷日期
       * @param y公歷年(1900-2100);n二十四節(jié)氣中的第幾個節(jié)氣(1~24);從n=1(小寒)算起
       * @return day Number
       * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
       */
       getTerm:function(y,n) {
       if(y<1900 || y>2100) {return -1;}
       if(n<1 || n>24) {return -1;}
       var _table = calendar.sTermInfo[y-1900];
       var _info = [
        parseInt('0x'+_table.substr(0,5)).toString() ,
        parseInt('0x'+_table.substr(5,5)).toString(),
        parseInt('0x'+_table.substr(10,5)).toString(),
        parseInt('0x'+_table.substr(15,5)).toString(),
        parseInt('0x'+_table.substr(20,5)).toString(),
        parseInt('0x'+_table.substr(25,5)).toString()
       ];
       var _calday = [
        _info[0].substr(0,1),
        _info[0].substr(1,2),
        _info[0].substr(3,1),
        _info[0].substr(4,2),
       
        _info[1].substr(0,1),
        _info[1].substr(1,2),
        _info[1].substr(3,1),
        _info[1].substr(4,2),
       
        _info[2].substr(0,1),
        _info[2].substr(1,2),
        _info[2].substr(3,1),
        _info[2].substr(4,2),
       
        _info[3].substr(0,1),
        _info[3].substr(1,2),
        _info[3].substr(3,1),
        _info[3].substr(4,2),
       
        _info[4].substr(0,1),
        _info[4].substr(1,2),
        _info[4].substr(3,1),
        _info[4].substr(4,2),
       
        _info[5].substr(0,1),
        _info[5].substr(1,2),
        _info[5].substr(3,1),
        _info[5].substr(4,2),
       ];
       return parseInt(_calday[n-1]);
       },
       
       /**
       * 傳入農(nóng)歷數(shù)字月份返回漢語通俗表示法
       * @param lunar month
       * @return Cn string
       * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='臘月'
       */
       toChinaMonth:function(m) { // 月 => \u6708
       if(m>12 || m<1) {return -1} //若參數(shù)錯誤 返回-1
       var s = calendar.nStr3[m-1];
       s+= "\u6708";//加上月字
       return s;
       },
       
       /**
       * 傳入農(nóng)歷日期數(shù)字返回漢字表示法
       * @param lunar day
       * @return Cn string
       * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
       */
       toChinaDay:function(d){ //日 => \u65e5
       var s;
       switch (d) {
        case 10:
        s = '\u521d\u5341'; break;
        case 20:
        s = '\u4e8c\u5341'; break;
        break;
        case 30:
        s = '\u4e09\u5341'; break;
        break;
        default :
        s = calendar.nStr2[Math.floor(d/10)];
        s += calendar.nStr1[d%10];
       }
       return(s);
       },
       
       /**
       * 年份轉(zhuǎn)生肖[!僅能大致轉(zhuǎn)換] => 精確劃分生肖分界線是“立春”
       * @param y year
       * @return Cn string
       * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
       */
       getAnimal: function(y) {
       return calendar.Animals[(y - 4) % 12]
       },
       
       /**
       * 傳入陽歷年月日獲得詳細的公歷、農(nóng)歷object信息 <=>JSON
       * @param y solar year
       * @param m solar month
       * @param d solar day
       * @return JSON object
       * @eg:console.log(calendar.solar2lunar(1987,11,01));
       */
       solar2lunar:function (y,m,d) { //參數(shù)區(qū)間1900.1.31~2100.12.31
       var old_str=''
       if(y<1900 || y>2100) {return -1;}//年份限定、上限
       if(y==1900&&m==1&&d<31) {return -1;}//下限
       if(!y) { //未傳參 獲得當天
        var objDate = new Date();
       }else {
        var objDate = new Date(y,parseInt(m)-1,d)
       }
       var i, leap=0, temp=0;
       //修正ymd參數(shù)
       var y = objDate.getFullYear(),m = objDate.getMonth()+1,d = objDate.getDate();
       var offset = (Date.UTC(objDate.getFullYear(),objDate.getMonth(),objDate.getDate()) - Date.UTC(1900,0,31))/86400000;
       for(i=1900; i<2101 && offset>0; i++) { temp=calendar.lYearDays(i); offset-=temp; }
       if(offset<0) { offset+=temp; i--; }
       
       //是否今天
       var isTodayObj = new Date(),isToday=false;
       if(isTodayObj.getFullYear()==y && isTodayObj.getMonth()+1==m && isTodayObj.getDate()==d) {
        //console.log(y,m,d)
        isToday = true;
       }
       //星期幾
       var nWeek = objDate.getDay(),cWeek = calendar.nStr1[nWeek];
       if(nWeek==0) {nWeek =7;}//數(shù)字表示周幾順應天朝周一開始的慣例
       //農(nóng)歷年
       var year = i;
       
       var leap = calendar.leapMonth(i); //閏哪個月
       var isLeap = false;
       
       //效驗閏月
       for(i=1; i<13 && offset>0; i++) {
        //閏月
        if(leap>0 && i==(leap+1) && isLeap==false){
        --i;
        isLeap = true; temp = calendar.leapDays(year); //計算農(nóng)歷閏月天數(shù)
        }
        else{
        temp = calendar.monthDays(year, i);//計算農(nóng)歷普通月天數(shù)
        }
        //解除閏月
        if(isLeap==true && i==(leap+1)) { isLeap = false; }
        offset -= temp;
       }
       
       if(offset==0 && leap>0 && i==leap+1)
        if(isLeap){
        isLeap = false;
        }else{
        isLeap = true; --i;
        }
       if(offset<0){ offset += temp; --i; }
       //農(nóng)歷月
       var month = i;
       //農(nóng)歷日
       var day  = offset + 1;
       
       //天干地支處理
       var sm  = m-1;
       var gzY  = calendar.toGanZhiYear(year);
       
       //月柱 1900年1月小寒以前為 丙子月(60進制12)
       var firstNode = calendar.getTerm(year,(m*2-1));//返回當月「節(jié)」為幾日開始
       var secondNode = calendar.getTerm(year,(m*2));//返回當月「節(jié)」為幾日開始
       
       //依據(jù)12節(jié)氣修正干支月
       var gzM  = calendar.toGanZhi((y-1900)*12+m+11);
       if(d>=firstNode) {
        gzM  = calendar.toGanZhi((y-1900)*12+m+12);
       }
       
       //傳入的日期的節(jié)氣與否
       var isTerm = false;
       var Term = null;
       if(firstNode==d) {
        isTerm = true;
        Term = calendar.solarTerm[m*2-2];
       }
       if(secondNode==d) {
        isTerm = true;
        Term = calendar.solarTerm[m*2-1];
       }
       //日柱 當月一日與 1900/1/1 相差天數(shù)
       var dayCyclical = Date.UTC(y,sm,1,0,0,0,0)/86400000+25567+10;
       var gzD = calendar.toGanZhi(dayCyclical+d-1);
       //該日期所屬的星座
       var astro = calendar.toAstro(m,d);
       
       if(day==1){
        if(isTerm){
        old_str=Term
        }else{
        old_str=(isLeap?"\u95f0":'')+calendar.toChinaMonth(month)
        }
       }else{
        if(isTerm){
        old_str=Term
        }else{
        old_str=calendar.toChinaDay(day)
        }
       }
       return {'lYear':year,'lMonth':month,'lDay':day,'Animal':calendar.getAnimal(year),'IMonthCn':(isLeap?"\u95f0":'')+calendar.toChinaMonth(month),'IDayCn':calendar.toChinaDay(day),'cYear':y,'cMonth':m,'cDay':d,'gzYear':gzY,'gzMonth':gzM,'gzDay':gzD,'isToday':isToday,'isLeap':isLeap,'nWeek':nWeek,'ncWeek':"\u661f\u671f"+cWeek,'isTerm':isTerm,'Term':Term,'astro':astro,old_str:old_str};
       },
       
       /**
       * 傳入農(nóng)歷年月日以及傳入的月份是否閏月獲得詳細的公歷、農(nóng)歷object信息 <=>JSON
       * @param y lunar year
       * @param m lunar month
       * @param d lunar day
       * @param isLeapMonth lunar month is leap or not.[如果是農(nóng)歷閏月第四個參數(shù)賦值true即可]
       * @return JSON object
       * @eg:console.log(calendar.lunar2solar(1987,9,10));
       */
       lunar2solar:function(y,m,d,isLeapMonth) { //參數(shù)區(qū)間1900.1.31~2100.12.1
       var isLeapMonth = !!isLeapMonth;
       var leapOffset = 0;
       var leapMonth = calendar.leapMonth(y);
       var leapDay  = calendar.leapDays(y);
       if(isLeapMonth&&(leapMonth!=m)) {return -1;}//傳參要求計算該閏月公歷 但該年得出的閏月與傳參的月份并不同
       if(y==2100&&m==12&&d>1 || y==1900&&m==1&&d<31) {return -1;}//超出了最大極限值
       var day = calendar.monthDays(y,m);
       var _day = day;
       //bugFix 2016-9-25
       //if month is leap, _day use leapDays method
       if(isLeapMonth) {
        _day = calendar.leapDays(y,m);
       }
       if(y < 1900 || y > 2100 || d > _day) {return -1;}//參數(shù)合法性效驗
       
       //計算農(nóng)歷的時間差
       var offset = 0;
       for(var i=1900;i0) {
         offset+=calendar.leapDays(y);isAdd = true;
        }
        }
        offset+=calendar.monthDays(y,i);
       }
       //轉(zhuǎn)換閏月農(nóng)歷 需補充該年閏月的前一個月的時差
       if(isLeapMonth) {offset+=day;}
       //1900年農(nóng)歷正月一日的公歷時間為1900年1月30日0時0分0秒(該時間也是本農(nóng)歷的最開始起始點)
       var stmap = Date.UTC(1900,1,30,0,0,0);
       var calObj = new Date((offset+d-31)*86400000+stmap);
       var cY  = calObj.getUTCFullYear();
       var cM  = calObj.getUTCMonth()+1;
       var cD  = calObj.getUTCDate();
       
       return calendar.solar2lunar(cY,cM,cD);
       }
      };
      module.exports=calendar

      同樣加上日歷截圖

      月的模式

      其中“生日,買蛋糕”就是自定義顯示的內(nèi)容

      Vue編寫可顯示周和月模式的日歷 Vue自定義日歷內(nèi)容的顯示

      周的模式

      Vue編寫可顯示周和月模式的日歷 Vue自定義日歷內(nèi)容的顯示

      以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。


      標題名稱:Vue編寫可顯示周和月模式的日歷Vue自定義日歷內(nèi)容的顯示
      網(wǎng)頁鏈接:http://www.ef60e0e.cn/article/jiciop.html
      99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区
      1. <ul id="0c1fb"></ul>

        <noscript id="0c1fb"><video id="0c1fb"></video></noscript>
        <noscript id="0c1fb"><listing id="0c1fb"><thead id="0c1fb"></thead></listing></noscript>

        日喀则市| 长乐市| 清水河县| 曲阜市| 临西县| 榕江县| 景宁| 南丰县| 安西县| 介休市| 涞水县| 江山市| 铁力市| 昌黎县| 措美县| 贡山| 望都县| 晋宁县| 通化县| 丹巴县| 连城县| 南岸区| 张家港市| 绿春县| 崇左市| 东乌| 句容市| 邹平县| 杭州市| 芦溪县| 连平县| 额济纳旗| 合阳县| 鹿邑县| 鹤庆县| 绥化市| 石屏县| 沙洋县| 高邑县| 华容县| 厦门市|