Shulou(Shulou.com)05/31 Report--

< 1) { return -1 }//月份参数从1至12，参数错误返回-1 return ((this.lunarInfo[y - 1900] & (0x10000 >

> m))? 30: 29);}, / * returns the number of days of the Gregorian calendar (!) y years and m months * @ 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 } //若参数错误 返回-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 (this.solarMonth[ms]); } }, /** * 农历年份转换为干支纪年 * @param lYear 农历年的年份数 * @return Cn string */ toGanZhiYear: function (lYear) { var ganKey = (lYear - 3) % 10; var zhiKey = (lYear - 3) % 12; if (ganKey == 0) ganKey = 10;//如果余数为0则为最后一个天干 if (zhiKey == 0) zhiKey = 12;//如果余数为0则为最后一个地支 return this.Gan[ganKey - 1] + this.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 this.Gan[offset % 10] + this.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日立春 */ getTerm: function (y, n) { if (y < 1900 || y >

2100) {return-1;} if (n

< 1 || n >

24) {return-1;} var _ table = this.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)

< 1) { return -1 } //若参数错误 返回-1 var s = this.nStr3[m - 1]; s += "\u6708";//加上月字 return s; }, /** * 传入农历日期数字返回汉字表示法 * @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 = this.nStr2 [Math.floor (d / 10)]; s + = this.nStr1 [d% 10] } return (s);}, / * the year turns to the zodiac [! The precise dividing line of the zodiac is "the Beginning of Spring" * @ param y year * @ return Cn string * @ eg:var animal = calendar.getAnimal (1987). / / animal=' Rabbit'* / getAnimal: function (y) {return this.Animals [(y-4)% 12]}, / * * @ param {String} date * @ returns {Boolean} * / isSolarPublicHoliday: function (date) {/ / Gregorian calendar: New Year's Day, International Labour Day, National Day let solarArr = ["1-1", "1-2", "1-3", "5-1" "10-1", "10-2", "10-3"] Return solarArr.indexOf (date)! =-1;}, isLunarPublicHoliday: function (date) {/ / Lunar calendar: spring Festival, Qingming Festival, Dragon Boat Festival, Mid-Autumn Festival let lunarArr = ["1-1", "1-2", "1-3", "2-23", "5-5", "8-15"]; return lunarArr.indexOf (date)! =-1 }, isFestival (slotDate, slotData) {/ / slotDate is standard time / / slotData is the object let solarDayArr = slotData.day.split ("-"); let lunarDay = calendar.solar2lunar (solarDayArr [0], solarDayArr [1], solarDayArr [2]); / / Gregorian festivals\ lunar festivals\ lunar solar terms let festAndTerm = [] FestAndTerm.push (lunarDay.festival = = null? "": "" + lunarDay.festival); festAndTerm.push (lunarDay.lunarFestival = = null? ":"+ lunarDay.lunarFestival); festAndTerm.push (lunarDay.Term = = null?":"+ lunarDay.Term); festAndTerm = festAndTerm.join (") / / the original method, return gives a Boolean / / and returns Object: public date, lunar date return {solarDate: lunarDay.date, lunarDate: lunarDay.lunarDate} }, / * is introduced into the Gregorian calendar year, month and day to get detailed object information of the Gregorian calendar and the lunar calendar 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) {/ / Parameter interval 1900.1.31 / 2100.12.31 y = parseInt (y) m = parseInt (m) d = parseInt (d) / / year limit, upper limit if (y)

< 1900 || y >

2100) {return-1 impact / undefined converted into numbers into NaN} / / the lowest limit of Gregorian calendar parameters 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参数 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; iTunes +) {temp = this.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) { isToday = true; } //星期几 var nWeek = objDate.getDay(), cWeek = this.nStr1[nWeek]; //数字表示周几顺应天朝周一开始的惯例 if (nWeek == 0) { nWeek = 7; } //农历年 var year = i; var leap = this.leapMonth(i); //闰哪个月 var isLeap = false; //效验闰月 for (i = 1; i < 13 && offset >

0; iLeap +) {/ / leap month if (leap > 0 & & I = = (leap + 1) & & isLeap = = false) {--I; isLeap = true; temp = this.leapDays (year); / / calculate the number of leap month days in the lunar calendar} else {temp = this.monthDays (year, I) / / calculate the number of days of the normal lunar month} / / remove the leap month if (isLeap = = true & & I = = (leap + 1)) {isLeap = false;} offset-= temp;} / / Leap month causes the array subscript to overlap and reverse 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 = this.toGanZhiYear(year); // 当月的两个节气 // bugfix-2017-7-24 11:03:38 use lunar Year Param `y` Not `year` var firstNode = this.getTerm(y, (m * 2 - 1));//返回当月「节」为几日开始 var secondNode = this.getTerm(y, (m * 2));//返回当月「节」为几日开始 // 依据12节气修正干支月 var gzM = this.toGanZhi((y - 1900) * 12 + m + 11); if (d >

= firstNode) {gzM = this.toGanZhi ((y-1900) * 12 + m + 12);} / / whether the solar terms of the incoming date are var isTerm = false; var Term = null; if (firstNode = = d) {isTerm = true; Term = this.solarTerm [m * 2-2];} if (secondNode = = d) {isTerm = true; Term = this.solarTerm [m * 2-1] } / / the difference between the first day of the month and 1900-1-1 var dayCyclical = Date.UTC (y, sm, 1,0,0,0,0) / 86400000 + 25567 + 10; var gzD = this.toGanZhi (dayCyclical + d-1); / / constellation var astro = this.toAstro (m, d) Var solarDate = y +'-'+ m +'-'+ d var lunarDate = year +'-'+ month +'-'+ day var festival = this.festival var lfestival = this.lfestival var festivalDate = m +'-'+ d var lunarFestivalDate = month +'-'+ day var monthDay = this.monthDays (year, month); return {date: solarDate, lunarDate: lunarDate, festival: festival [festivalDate]? Title: null, lunarFestival: lunarFestivalDate = ='12-29' & & monthDay = = 29? Lfestival ['12-30'] .title: (lfestival [lunarFestivalDate]? Title: null), 'lYear': year,' lMonth': month, 'lDay': day,' Animal': this.getAnimal (year), 'IMonthCn': (isLeap? "\ u95f0":') + this.toChinaMonth (month), 'IDayCn': this.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,' isVacation': this.isVacation (solarDate)} }, isVacation (date) {if (date = "2022-1-1") {return true} if (date = '2022-1-29' | | date = =' 2022-1-30') {return false} return null} / * the object information of JSON * @ param y lunar year * @ param m lunar month * @ param d lunar day * @ param isLeapMonth lunar month is leap or not is obtained in the calendar year, month, day and whether the month is leap month. [if it is the fourth parameter of the lunar leap month, you can assign true] * @ return JSON object * @ eg:console.log (calendar.lunar2solar (1987)); * / lunar2solar: function (y, m, d, isLeapMonth) {/ / Parameter range 1900.1.31 / 2100.12.1 y = parseInt (y) m = parseInt (m) d = parseInt (d) var isLeapMonth =!! isLeapMonth; var leapOffset = 0 Var leapMonth = this.leapMonth (y); var leapDay = this.leapDays (y); if (isLeapMonth & & (leapMonth! = m)) {return-1;} / / passing parameters requires that the Gregorian calendar of the leap month be calculated, but the leap month obtained in that year is different from the month in which the parameter is passed (y = = 2100 & & m = = 12 & d > 1 | | y = = 1900 & m = 1 & d

< 31) { return -1; }//超出了最大极限值 var day = this.monthDays(y, m); var _day = day; //bugFix 2016-9-25 //if month is leap, _day use leapDays method if (isLeapMonth) { _day = this.leapDays(y, m); } if (y < 1900 || y >

2100 | | d > _ day) {return-1;} / / validity of parameters / / calculate the time difference of lunar calendar var offset = 0; for (var I = 1900; I < y; icalendar +) {offset + = this.lYearDays (I);} var leap = 0, isAdd = false; for (var I = 1; I < m; icalendar +) {leap = this.leapMonth (y) If (! isAdd) {/ / process leap month if (leap 0) {offset + = this.leapDays (y); isAdd = true;}} offset + = this.monthDays (y, I); / / convert leap month lunar calendar to supplement if (isLeapMonth) {offset + = day of the previous month of that year } / / the Gregorian time on the first day of the first lunar month in 1900 is 00:00:00 on January 30, 1900 (which is also the beginning of the current lunar calendar) 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 this.solar2lunar (cY, cM, cD);}, / * calculate full year Calendar * @ param {*} date * @ returns * / getFullYearDate: function (date) {let dateArr = []; let firstDate = new Date (date.getFullYear () +'/ 1gamma 1') for (let I =-1; I < 366; icalendar +) {let dd = new Date (firstDate) Dd.setDate (dd.getDate () + I); var y = dd.getFullYear (); var m = dd.getMonth () + 1 Var d = dd.getDate () if (d = 1) {dateArr.push ({type: 'month', num: M})} dateArr.push ({type:' day', num: d, date: dd,})} return dateArr}}; export default calendar This is the end of the introduction to "how vue implements the vertical infinite sliding calendar component". Thank you for reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.