feature：增加木鱼的日历组件

pages/piano/components/xx-calendar/index.js

@@ -0,0 +1,973 @@
+/**
+ 
+* @1900-2100区间内的公历、农历互转
+ 
+* @charset UTF-8
+ 
+* @Author  jiangjiazhi
+ 
+* @公历转农历：calendar.solar2lunar(1987,11,01); //[you can ignore params of prefix 0]
+ 
+* @农历转公历：calendar.lunar2solar(1987,09,10); //[you can ignore params of prefix 0]
+ 
+*/
+
+
+
+/**
+ 
+* 农历1900-2100的润大小信息表
+ 
+* @Array Of Property
+ 
+* @return Hex
+ 
+*/
+
+var 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, 0x05ac0, 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
+
+    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
+
+
+
+var solarMonth = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]
+
+
+
+/**
+ 
+  * 天干地支之天干速查表
+  * @Array Of Property trans['甲','乙','丙','丁','戊','己','庚','辛','壬','癸']
+  * @return Cn string
+  */
+var Gan = ['\u7532', '\u4e59', '\u4e19', '\u4e01', '\u620a', '\u5df1', '\u5e9a', '\u8f9b', '\u58ec', '\u7678']
+
+
+
+/**
+ 
+  * 天干地支之地支速查表
+  * @Array Of Property
+  * @trans['子','丑','寅','卯','辰','巳','午','未','申','酉','戌','亥']
+  * @return Cn string
+  */
+var Zhi = ['\u5b50', '\u4e11', '\u5bc5', '\u536f', '\u8fb0', '\u5df3', '\u5348', '\u672a', '\u7533', '\u9149', '\u620c', '\u4ea5']
+
+
+
+/**
+ 
+  * 天干地支之地支速查表<=>生肖
+  * @Array Of Property
+  * @trans['鼠','牛','虎','兔','龙','蛇','马','羊','猴','鸡','狗','猪']
+  * @return Cn string
+  */
+var Animals = ['\u9f20', '\u725b', '\u864e', '\u5154', '\u9f99', '\u86c7', '\u9a6c', '\u7f8a', '\u7334', '\u9e21', '\u72d7', '\u732a']
+
+
+
+/**
+ 
+  * 24节气速查表
+  * @Array Of Property
+  * @trans['小寒','大寒','立春','雨水','惊蛰','春分','清明','谷雨','立夏','小满','芒种','夏至','小暑','大暑','立秋','处暑','白露','秋分','寒露','霜降','立冬','小雪','大雪','冬至']
+  * @return Cn string
+  */
+var 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节气日期速查表
+  * @Array Of Property
+  * @return 0x string For splice
+  */
+var 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'
+]
+
+
+
+/**
+ 
+   * 数字转中文速查表
+  * @Array Of Property
+  * @trans ['日','一','二','三','四','五','六','七','八','九','十']
+  * @return Cn string
+   */
+var nStr1 = ['\u65e5', '\u4e00', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341']
+
+
+
+/**
+ 
+  * 日期转农历称呼速查表
+  * @Array Of Property
+  * @trans ['初','十','廿','卅']
+  * @return Cn string
+  */
+var nStr2 = ['\u521d', '\u5341', '\u5eff', '\u5345']
+
+
+
+/**
+ 
+  * 月份转农历称呼速查表
+  * @Array Of Property
+  * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
+  * @return Cn string
+  */
+var nStr3 = ['\u6b63', '\u4e8c', '\u4e09', '\u56db', '\u4e94', '\u516d', '\u4e03', '\u516b', '\u4e5d', '\u5341', '\u51ac', '\u814a']
+
+
+
+/**
+ 
+  * 返回农历y年一整年的总天数
+  * @param lunar Year
+   * @return Number
+  * @eg:var count = calendar.lYearDays(1987) ;//count=387
+  */
+function lYearDays(y) {
+    var i
+
+    var sum = 348
+
+    for (i = 0x8000; i > 0x8; i >>= 1) {
+        sum += (lunarInfo[y - 1900] & i) ? 1 : 0
+    }
+    return (sum + leapDays(y))
+
+}
+
+
+
+/**
+ 
+  * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
+  * @param lunar Year
+  * @return Number (0-12)
+   * @eg:var leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
+  */
+function leapMonth(y) { // 闰字编码 \u95f0
+
+    return (lunarInfo[y - 1900] & 0xf)
+
+}
+
+
+
+/**
+ 
+  * 返回农历y年闰月的天数 若该年没有闰月则返回0
+  * @param lunar Year
+  * @return Number (0、29、30)
+  * @eg:var leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
+  */
+function leapDays(y) {
+    if (leapMonth(y)) {
+        return ((lunarInfo[y - 1900] & 0x10000) ? 30 : 29)
+
+    }
+
+    return (0)
+
+}
+
+
+
+/**
+ 
+  * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
+  * @param lunar Year
+  * @return Number (-1、29、30)
+   * @eg:var MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
+  */
+function monthDays(y, m) {
+    if (m > 12 || m < 1) {
+        return -1
+    } // 月份参数从1至12，参数错误返回-1
+
+    return ((lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29)
+}
+
+
+
+/**
+ 
+  * 返回公历(!)y年m月的天数
+  * @param solar Year
+  * @return Number (-1、28、29、30、31)
+  * @eg:var solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
+  */
+function solarDays(y, m) {
+    if (m > 12 || m < 1) {
+        return -1
+    } // 若参数错误 返回-1
+
+    var ms = m - 1
+
+    if (ms === 1) { // 2月份的闰平规律测算后确认返回28或29
+
+        return (((y % 4 === 0) && (y % 100 !== 0) || (y % 400 === 0)) ? 29 : 28)
+
+    } else {
+        return (solarMonth[ms])
+
+    }
+
+}
+
+
+
+/**
+ 
+  * 农历年份转换为干支纪年
+  * @param  lYear 农历年的年份数
+  * @return Cn string
+  */
+function toGanZhiYear(lYear) {
+    var ganKey = (lYear - 3) % 10
+
+    var zhiKey = (lYear - 3) % 12
+
+    if (ganKey === 0) ganKey = 10 // 如果余数为0则为最后一个天干
+
+    if (zhiKey === 0) zhiKey = 12 // 如果余数为0则为最后一个地支
+
+    return Gan[ganKey - 1] + Zhi[zhiKey - 1]
+
+}
+
+
+
+/**
+ 
+  * 公历月、日判断所属星座
+  * @param  cMonth [description]
+  * @param  cDay [description]
+  * @return Cn string
+  */
+function toAstro(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
+  */
+function toGanZhi(offset) {
+    return Gan[offset % 10] + Zhi[offset % 12]
+
+}
+
+
+
+/**
+ 
+  * 传入公历(!)y年获得该年第n个节气的公历日期
+  * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
+  * @return day Number
+  * @eg:var _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
+  */
+function getTerm(y, n) {
+    if (y < 1900 || y > 2100) {
+        return -1
+    }
+
+    if (n < 1 || n > 24) {
+        return -1
+    }
+
+    var _table = 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])
+
+}
+
+
+
+/**
+ 
+  * 传入农历数字月份返回汉语通俗表示法
+  * @param lunar month
+  * @return Cn string
+  * @eg:var cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
+  */
+function toChinaMonth(m) { // 月 => \u6708
+
+    if (m > 12 || m < 1) {
+        return -1
+    } // 若参数错误 返回-1
+
+    var s = nStr3[m - 1]
+
+    s += '\u6708' // 加上月字
+
+    return s
+
+}
+
+
+
+/**
+ 
+  * 传入农历日期数字返回汉字表示法
+  * @param lunar day
+  * @return Cn string
+  * @eg:var cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
+  */
+function toChinaDay(d) { // 日 => \u65e5
+
+    var s
+
+    switch (d) {
+        case 10:
+
+            s = '\u521d\u5341'
+
+            break
+
+        case 20:
+
+            s = '\u4e8c\u5341'
+
+            break
+
+        case 30:
+
+            s = '\u4e09\u5341'
+
+            break
+
+        default:
+
+            s = nStr2[Math.floor(d / 10)]
+
+            s += nStr1[d % 10]
+
+    }
+
+    return (s)
+
+}
+
+
+
+/**
+ 
+  * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
+  * @param y year
+  * @return Cn string
+  * @eg:var animal = calendar.getAnimal(1987) ;//animal='兔'
+  */
+function getAnimal(y) {
+    return Animals[(y - 4) % 12]
+
+}
+
+
+
+/**
+ 
+  * 传入阳历年月日获得详细的公历、农历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));
+  */
+function solar2lunar(y, m, d) { // 参数区间1900.1.31~2100.12.31
+
+    // 年份限定、上限
+
+    if (y < 1900 || y > 2100) {
+        return -1 // undefined转换为数字变为NaN
+
+    }
+
+    // 公历传参最下限
+
+    if (y === 1900 && m === 1 && d < 31) {
+        return -1
+
+    }
+
+    // 未传参  获得当天
+
+    var objDate = null
+
+    if (!y) {
+        objDate = new Date()
+
+    } else {
+        objDate = new Date(y, parseInt(m) - 1, d)
+
+    }
+
+    var i
+
+    var leap = 0
+
+    var temp = 0
+
+    // 修正ymd参数
+
+    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 = lYearDays(i)
+
+        offset -= temp
+
+    }
+
+    if (offset < 0) {
+        offset += temp;
+        i--
+
+    }
+
+
+
+    // 是否今天
+
+    var isTodayObj = new Date()
+
+    var isToday = false
+
+    if (isTodayObj.getFullYear() === y && isTodayObj.getMonth() + 1 === m && isTodayObj.getDate() === d) {
+        isToday = true
+
+    }
+
+    // 星期几
+
+    var nWeek = objDate.getDay()
+
+    var cWeek = nStr1[nWeek]
+
+    // 数字表示周几顺应天朝周一开始的惯例
+
+    if (nWeek === 0) {
+        nWeek = 7
+
+    }
+
+    // 农历年
+
+    var year = i
+
+    leap = 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 = leapDays(year) // 计算农历闰月天数
+
+        } else {
+            temp = monthDays(year, i) // 计算农历普通月天数
+
+        }
+
+        // 解除闰月
+
+        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
+
+    }
+
+    // 农历月
+
+    var month = i
+
+    // 农历日
+
+    var day = offset + 1
+
+    // 天干地支处理
+
+    var sm = m - 1
+
+    var gzY = toGanZhiYear(year)
+
+
+
+    // 当月的两个节气
+
+    // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year`
+
+    var firstNode = getTerm(y, (m * 2 - 1)) // 返回当月「节」为几日开始
+
+    var secondNode = getTerm(y, (m * 2)) // 返回当月「节」为几日开始
+
+
+
+    // 依据12节气修正干支月
+
+    var gzM = toGanZhi((y - 1900) * 12 + m + 11)
+
+    if (d >= firstNode) {
+        gzM = toGanZhi((y - 1900) * 12 + m + 12)
+
+    }
+
+    // 传入的日期的节气与否
+
+    var isTerm = false
+
+    var Term = null
+
+    if (firstNode === d) {
+        isTerm = true
+
+        Term = solarTerm[m * 2 - 2]
+
+    }
+
+    if (secondNode === d) {
+        isTerm = true
+
+        Term = solarTerm[m * 2 - 1]
+
+    }
+
+    // 日柱 当月一日与 1900/1/1 相差天数
+
+    var dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10
+
+    var gzD = toGanZhi(dayCyclical + d - 1)
+
+    // 该日期所属的星座
+
+    var astro = toAstro(m, d)
+
+    return {
+        'lYear': year,
+        'lMonth': month,
+        'lDay': day,
+        'Animal': getAnimal(year),
+        'IMonthCn': (isLeap ? '\u95f0' : '') + toChinaMonth(month),
+        'IDayCn': 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
+    }
+
+}
+
+
+
+
+var calendarFormatter = {
+    // 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
+
+    solar2lunar: function (y, m, d) { // 参数区间1900.1.31~2100.12.31
+
+        return solar2lunar(y, m, d)
+
+    },
+
+    /**
+ 
+      * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
+      * @param y  lunar year
+      * @param m  lunar month
+      * @param d  lunar day
+      * @param isLeapMonth  lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
+      * @return JSON object
+      * @eg:console.log(calendar.lunar2solar(1987,9,10));
+      */
+    lunar2solar: function (y, m, d, isLeapMonth) { // 参数区间1900.1.31~2100.12.1
+
+        isLeapMonth = !!isLeapMonth
+
+        if (isLeapMonth && (leapMonth !== m)) {
+            return -1
+        } // 传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
+
+        if (y === 2100 && m === 12 && d > 1 || y === 1900 && m === 1 && d < 31) {
+            return -1
+        } // 超出了最大极限值
+
+        var day = monthDays(y, m)
+
+        var _day = day
+
+        // bugFix 2016-9-25
+
+        // if month is leap, _day use leapDays method
+
+        if (isLeapMonth) {
+            _day = leapDays(y, m)
+
+        }
+
+        if (y < 1900 || y > 2100 || d > _day) {
+            return -1
+        } // 参数合法性效验
+
+
+
+        // 计算农历的时间差
+
+        var offset = 0
+
+        for (var i = 1900; i < y; i++) {
+            offset += lYearDays(i)
+
+        }
+
+        var leap = 0
+
+        var isAdd = false
+
+        for (i = 1; i < m; i++) {
+            leap = leapMonth(y)
+
+            if (!isAdd) { // 处理闰月
+
+                if (leap <= i && leap > 0) {
+                    offset += leapDays(y);
+                    isAdd = true
+
+                }
+
+            }
+
+            offset += monthDays(y, i)
+
+        }
+
+        // 转换闰月农历 需补充该年闰月的前一个月的时差
+
+        if (isLeapMonth) {
+            offset += day
+        }
+
+        // 1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
+
+        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 solar2lunar(cY, cM, cD)
+
+    }
+
+}
+
+export default calendarFormatter

pages/piano/components/xx-calendar/xx-calendar.js

@@ -0,0 +1,191 @@
+// components/xx-calendar/xx-calendar.js
+import calendarFormatter from "./index";
+Component({
+    /**
+     * 组件的属性列表
+     */
+    properties: {
+        use_date_arr:{
+            type:Array,
+            value:[]
+        }
+    },
+
+    /**
+     * 组件的初始数据
+     */
+    data: {
+        // 本月指的是选择的当前月份
+        year: new Date().getFullYear(),
+        month: new Date().getMonth() + 1,
+        weeksArr: ['日', '一', '二', '三', '四', '五', '六'],
+        nowMonth: new Date().getMonth() + 1, //本月是几月
+        nowDay: new Date().getDate(), //本月当天的日期
+        lastMonthDays: [], //上一个月
+        nowMonthDays: [], //本月 
+        nextMonthDays: [], //下一个月
+    },
+
+    /**
+     * 组件的方法列表
+     */
+    methods: {
+        //获取当月天数
+        getThisMonthDays(year, month) {
+            return new Date(year, month, 0).getDate();
+        },
+        /** 总方法 */
+        //创建日期
+        createDays(year, month) {
+            this.getLastMonthDays(year, month)
+            this.getNowMonthDays(year, month)
+            this.getNextMonthDays(year, month)
+        },
+        /** 获取上个月日期 */
+        getLastMonthDays(year, month) {
+            let nowMonthFirstDays = new Date(year, month - 1, 1).getDay()
+            let lastMonthDays = []
+            if (nowMonthFirstDays) { //判断当月的第一天是不是星期天
+                //上个月显示多少天
+                let lastMonthNums = month - 1 < 0 ? this.getThisMonthDays(year - 1, 12) : this.getThisMonthDays(year, month - 1); //判断是否会跨年
+                //上个月从几号开始显示
+                for (let i = lastMonthNums - nowMonthFirstDays + 1; i <= lastMonthNums; i++) {
+                    let time = new Date(year, month - 2, i).toLocaleDateString() //对应的时间
+                    lastMonthDays.push({
+                        date: i, //几号
+                        week: this.data.weeksArr[new Date(year, month - 2, i).getDay()], //星期几
+                        time,
+                        isNowMonthDay: ''
+                    });
+                }
+            }
+            this.setData({
+                lastMonthDays
+            })
+            console.log(lastMonthDays);
+        },
+        /** 获取当月日期 */
+        getNowMonthDays(year, month) {
+            let {
+                nowMonth,
+                nowDay
+            } = this.data
+            let nowMonthDays = []
+            let days = this.getThisMonthDays(year, month); //获取当月的天数
+            for (let i = 1; i <= days; i++) {
+                let d = new Date(year, month - 1, i)
+                let years = d.getFullYear()
+                let months = d.getMonth() + 1
+                let day2 = d.getDate()
+                let time = `${years+'/'+months +'/'+day2}` // 2022/3/3
+                let timer = time.replace(/\//g, "-")
+                let timer2 = timer.split('-')
+                var day = calendarFormatter.solar2lunar(timer2[0], timer2[1], timer2[2]);
+                let newdate
+                if (day.IDayCn == '初一') {
+                    newdate = day.IMonthCn
+                } else {
+                    newdate = day.IDayCn
+                }
+                nowMonthDays.push({
+                    date: i, //几号
+                    week: this.data.weeksArr[new Date(year, month - 1, i).getDay()], //星期几
+                    time,
+                    color: false,
+                    day: newdate,
+                    isNowMonthDay: (month == nowMonth && i == nowDay) ? "isNowMonthDay" : ""
+                });
+            }
+            this.data.use_date_arr.forEach(ele => {
+                ele = ele.replace(/\-/g, "/")
+                nowMonthDays.forEach(item => {
+                    if (ele == item.time) {
+                        console.log(item);
+                        item.color = true
+                    }
+                })
+            })
+            this.setData({
+                nowMonthDays
+            })
+            console.log(nowMonthDays);
+        },
+        /** 获取下个月日期 */
+        getNextMonthDays(year, month) {
+            let {
+                lastMonthDays,
+                nowMonthDays,
+            } = this.data
+            let nextMonthDays = []
+            let nextMonthNums = (lastMonthDays.length + nowMonthDays.length) > 35 ? 42 - (lastMonthDays.length + nowMonthDays.length) : 35 - (lastMonthDays.length + nowMonthDays.length) //下个月显示多少天
+            let nowYear = (parseInt(month) + 1) > 12 ? year + 1 : year //下一个月的年份
+            let nowMonth = (parseInt(month) + 1) > 12 ? 1 : parseInt(month) + 1 //下一个月的月份
+            if (nextMonthNums) { //判断当前天数是否大于零
+                for (let i = 1; i <= nextMonthNums; i++) {
+                    let time = new Date(year, month - 1, i).toLocaleDateString()
+                    nextMonthDays.push({
+                        date: i, //几号
+                        week: this.data.weeksArr[new Date(nowYear, nowMonth - 1, i).getDay()], //星期几
+                        time,
+                        isNowMonthDay: ''
+                    });
+                }
+            }
+            this.setData({
+                nextMonthDays
+            })
+            console.log(nextMonthDays)
+        },
+        /** 切换月份 */
+        changeMonthFun(e){
+            let {
+                year,
+                month
+            } = this.data
+            let type = e.currentTarget.dataset.type //类型
+            if (type == 'prev') { //上一个月
+                year = month - 1 > 0 ? year : year - 1
+                month = month - 1 > 0 ? month - 1 : 12
+            } else { //next 下个月
+                year = (parseInt(month) + 1) > 12 ? year + 1 : year
+                month = (parseInt(month) + 1) > 12 ? 1 : parseInt(month) + 1
+            }
+            this.setData({
+                year,
+                month,
+            })
+            this.createDays(year, month)
+        },
+        /** 选择日期触发 */
+        selectDate(e){
+            let type = e.currentTarget.dataset.type //选择的时间类型
+            let index = e.currentTarget.dataset.index //选择的下标
+            let date = e.currentTarget.dataset.item.time //选择的下标
+            let selectDate = date.replace(/\//g, "-")
+            console.log("选择的时间", selectDate)
+            // 自定义事件，父组件调用，回调 选择的时间selectDate
+            this.triggerEvent('selectDate', selectDate)
+             //将选择的时间类型的 isNowMonthDay 全改为''
+             this.data[type]?.forEach(item => {
+                item.isNowMonthDay = ''
+            })
+            this.data[type]?.forEach((item, idx) => {
+                if (index == idx) {
+                    item.isNowMonthDay = (item.time == new Date().toLocaleDateString() ? "isNowMonthDay" : "isNotNowMonthDay"); //判断当前选中的日期是否是当前时间
+                } else {
+                    item.isNowMonthDay = ''
+                }
+            })
+            this.setData({
+                [type]: this.data[type],
+            })
+        },
+    },
+    ready() {
+        let {
+            year,
+            month
+        } = this.data
+        this.createDays(year, month)
+    }
+})

pages/piano/components/xx-calendar/xx-calendar.json

@@ -0,0 +1,4 @@
+{
+    "component": true,
+    "usingComponents": {}
+}

pages/piano/components/xx-calendar/xx-calendar.wxml

@@ -0,0 +1,46 @@
+<!--components/xx-calendar/xx-calendar.wxml-->
+<!-- 头部 -->
+<view class="title-wrap">
+    <view class="change-date">
+        <view class="prev" bindtap="changeMonthFun" data-type="prev">
+            <image src="./prev.png" mode="" />
+        </view>
+        <view class="year-mouth">
+            {{year}}年 {{month}}月
+        </view>
+        <view clstyle="next" bindtap="changeMonthFun" data-type="next">
+            <image src="./next.png" mode="" />
+        </view>
+    </view>
+    <view class="week">
+        <text wx:for="{{weeksArr}}" wx:key="*this">{{item}}</text>
+    </view>
+</view>
+<!-- 日期 -->
+<view class="date-wrap">
+    <!-- 上个月日期 -->
+    <view wx:for="{{lastMonthDays}}" wx:key="*this" class="mouth-date last-mouth">
+        <text class="day-text">{{item.date}}</text>
+        <!-- 农历还未配置，不用管，你可以二开这个组件，因为我们的设计图不显示上下月的日期，故不渲染也可以 -->
+        <text class="day-nongli">十五</text>
+        <text class="day-dot"></text>
+    </view>
+    <!-- 当月日期 -->
+    <view class="mouth-date current-mouth" wx:for="{{nowMonthDays}}" wx:key="*this" bindtap="selectDate"
+     data-item="{{item}}" data-type="nowMonthDays" data-index="{{index}}"
+    >
+       <view class="day-box {{item.isNowMonthDay?'active':''}}">
+        <text class="day-text {{item.color?'color':''}}">{{item.date}}</text>
+        <!-- day 后面会换成农历展示 -->
+        <text class="day-nongli">{{item.day}}</text>
+        <text class=" {{item.color?'day-dot':'not-dot'}}"></text>
+       </view>
+    </view>
+    <!-- 下个月日期 -->
+    <view class="mouth-date next-mouth" wx:for="{{nextMonthDays}}" wx:key="*this">
+        <text class="day-text">{{item.date}}</text>
+        <!-- 农历还未配置，不用管，你可以二开这个组件，因为我们的设计图不显示上下月的日期，故不渲染也可以 -->
+        <text class="day-nongli">十五</text>
+        <text class="day-dot"></text>
+    </view>
+</view>

pages/piano/components/xx-calendar/xx-calendar.wxss

@@ -0,0 +1,97 @@
+/* components/xx-calendar/xx-calendar.wxss */
+/* 头部样式start */
+.title-wrap{
+    background-color: #fff;
+    padding-top: 20rpx;
+    border-bottom: 1px solid #D4DBDC;
+    padding-bottom: 10rpx;
+}
+.change-date{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+.change-date image{
+    width: 50rpx;
+    height: 50rpx;
+    transform: scale(1.5);
+    display: flex;
+}
+.year-mouth{
+    margin: 0 60rpx;
+}
+.week{
+    display: flex;
+    justify-content: space-between;
+    font-size: 24rpx;
+    margin-top: 30rpx;
+    color: #1F1F1F;
+}
+.week text{
+    flex: 1;
+    text-align: center;
+}
+/* 头部样式end */
+/* 日期区域样式start */
+.date-wrap{
+    /* height: 500rpx; */
+    background-color: #F8F9F9;
+    display: flex;
+    flex-wrap: wrap;
+}
+.mouth-date{
+    display: flex;
+    font-size: 24rpx;
+    flex-direction: column;
+    align-items: center;
+    width: calc(100% / 7);
+    border-bottom: 1rpx solid rgb(229, 234, 235);
+    padding-top: 10rpx;
+}
+.last-mouth text,.next-mouth text{
+    opacity: 0;
+}
+.mouth-date .day{
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    color: #1F1F1F;
+
+}
+.mouth-date  .day-nongli{
+    font-size: 18rpx;
+    color: #888888;
+    margin-bottom: 6rpx;
+}
+.mouth-date .color{
+    color: #8096F0;
+}
+.mouth-date  .day-dot{
+    width: 8rpx;
+    height: 8rpx;
+    border-radius: 50%;
+    background-color: #8096F0;
+}
+.mouth-date .day-box{
+    border-radius: 10rpx;
+    width: 86rpx;
+    padding-top: 6rpx;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 10rpx;
+    padding-bottom: 8rpx;
+}
+.mouth-date .active{
+    background-color: #A1D7EE;
+}
+.mouth-date .active text{
+    color: #fff;
+}
+.mouth-date .active .day-text{
+    font-weight: 600;
+}
+.not-dot{
+    width: 8rpx;
+    height: 8rpx;
+}