import CalendarLunar from './calendarLunar.js' class CalendarUtil { constructor({ date, selected, startDate, endDate, range } = {}) { // 当前日期 this.date = this.getDate(new Date()) // 当前初入日期 // 打点信息 this.selected = selected || []; // 范围开始 this.startDate = startDate // 范围结束 this.endDate = endDate this.range = range // 每周日期 this.weeks = [] // this._getWeek(this.date.fullDate) } /** * 设置日期 * @param {Object} date */ setDate(date) { this.selectDate = this.getDate(date) this._getWeek(this.selectDate.fullDate) this._getPrevWeek(this.selectDate.fullDate) this._getNextWeek(this.selectDate.fullDate) } /** * 重置开始日期 */ resetSatrtDate(startDate) { // 范围开始 this.startDate = startDate } /** * 重置结束日期 */ resetEndDate(endDate) { // 范围结束 this.endDate = endDate } /** * 获取任意时间 */ getDate(date, AddDayCount = 0, str = 'day') { if (!date) { date = new Date() } if (typeof date !== 'object') { date = date.replace(/-/g, '/') } const dd = new Date(date) switch (str) { case 'day': dd.setDate(dd.getDate() + AddDayCount) // 获取AddDayCount天后的日期 break case 'month': if (dd.getDate() > 28) { let dd2 = new Date(date) dd2.setMonth(dd2.getMonth() + AddDayCount) // 获取AddDayCount天后的日期 if(dd2.getDate() < dd.getDate()) { dd.setDate(28) dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期 } else { dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期 } } else { dd.setMonth(dd.getMonth() + AddDayCount) // 获取AddDayCount天后的日期 } break case 'year': dd.setFullYear(dd.getFullYear() + AddDayCount) // 获取AddDayCount天后的日期 break } const y = dd.getFullYear() const m = dd.getMonth() + 1 < 10 ? '0' + (dd.getMonth() + 1) : dd.getMonth() + 1 // 获取当前月份的日期,不足10补0 const d = dd.getDate() < 10 ? '0' + dd.getDate() : dd.getDate() // 获取当前几号,不足10补0 return { fullDate: `${y}-${m}-${d}`, year: y, month: m, date: d, day: dd.getDay() } } /** * 获取上月剩余天数 */ _getLastMonthDays(firstDay, full) { let dateArr = [] const before= this.getDate(full.fullDate, -1, 'month') //console.log("_getLastMonthDays",full, before) for (let i = firstDay; i > 0; i--) { const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate() let nowDate = before.year + '-' + before.month+ '-' + beforeDate //console.log("_getLastMonthDays",beforeDate, nowDate ) let data = { fullDate: nowDate, year:before.year, date: beforeDate, month: Number(before.month), lunar: this.getlunar(before.year, Number(before.month), beforeDate), disable: true, } // 获取打点信息 let info = this.selected && this.selected.find((item) => { //console.log("_currentMonthDys info",item ) if (this.dateEqual(nowDate, item.date)) { //console.log("_currentMonthDys info res",i ) return item } }) if (info) { data.extraInfo = info } //console.log("_getLastMonthDays",data) dateArr.push(data) } return dateArr } /** * 获取本月天数 */ _currentMonthDys(dateData, full) { let dateArr = [] let fullDate = this.date.fullDate let weekStart =((full.date +35) - full.day) % 7 //console.log("_currentMonthDys", weekStart,full ) for (let i = 1; i <= dateData; i++) { let isinfo = false let nowDate = full.year + '-' + (full.month < 10 ? full.month : full.month) + '-' + (i < 10 ? '0' + i : i) // 是否今天 let isDay = fullDate === nowDate let isWeekend = ((i+7 - weekStart +1)%7) < 2 ? true: false // 获取打点信息 let info = this.selected && this.selected.find((item) => { //console.log("_currentMonthDys info",item ) if (this.dateEqual(nowDate, item.date)) { //console.log("_currentMonthDys info res",i ) return item } }) // 日期禁用 let disableBefore = true let disableAfter = true if (this.startDate) { // let dateCompBefore = this.dateCompare(this.startDate, fullDate) // disableBefore = this.dateCompare(dateCompBefore ? this.startDate : fullDate, nowDate) disableBefore = this.dateCompare(this.startDate, nowDate) } if (this.endDate) { // let dateCompAfter = this.dateCompare(fullDate, this.endDate) // disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate) disableAfter = this.dateCompare(nowDate, this.endDate) } let checked = false let data = { fullDate: nowDate, year: full.year, date: i, month: full.month, lunar: this.getlunar(full.year, full.month, i), disable: !(disableBefore && disableAfter), isDay, isWeekend, //solarTerm:jq?jq:"" } if (info) { data.extraInfo = info } dateArr.push(data) } return dateArr } /** * 获取下月天数 */ _getNextMonthDays(surplus, full) { let dateArr = [] const nextDate = this.getDate(full.fullDate, +1, 'month') //console.log("_getNextMonthDays",full,nextDate ) for (let i = 1; i < surplus + 1; i++) { let nowDate = nextDate.year + '-' +nextDate.month + '-' + (i < 10 ? '0' + i : i) //console.log("_getNextMonthDays",i, nowDate ) let data = { fullDate: nowDate, year:nextDate.year, date: i, month: nextDate.month, lunar: this.getlunar(nextDate.year, nextDate.month, i), disable: true, } // 获取打点信息 let info = this.selected && this.selected.find((item) => { //console.log("_currentMonthDys info",item ) if (this.dateEqual(nowDate, item.date)) { //console.log("_currentMonthDys info res",i ) return item } }) if (info) { data.extraInfo = info } //console.log("_getNextMonthDays",data) dateArr.push(data) } return dateArr } /** * 获取当前日期详情 * @param {Object} date */ getInfo(date) { if (!date) { date = new Date() } const dateInfo = this.canlender.find(item => item.fullDate === this.getDate(date).fullDate) return dateInfo } /** * 比较时间大小 */ dateCompare(startDate, endDate) { // 计算截止时间 startDate = new Date(startDate.replace('-', '/').replace('-', '/')) // 计算详细项的截止时间 endDate = new Date(endDate.replace('-', '/').replace('-', '/')) if (startDate <= endDate) { return true } else { return false } } /** * 比较时间是否相等 */ dateEqual(before, after) { // 计算截止时间 before = new Date(before.replace('-', '/').replace('-', '/')) // 计算详细项的截止时间 after = new Date(after.replace('-', '/').replace('-', '/')) if (before.getTime() - after.getTime() === 0) { return true } else { return false } } /** * 获取日期范围内所有日期 * @param {Object} begin * @param {Object} end */ geDateAll(begin, end) { var arr = [] var ab = begin.split('-') var ae = end.split('-') var db = new Date() db.setFullYear(ab[0], ab[1] - 1, ab[2]) var de = new Date() de.setFullYear(ae[0], ae[1] - 1, ae[2]) var unixDb = db.getTime() - 24 * 60 * 60 * 1000 var unixDe = de.getTime() - 24 * 60 * 60 * 1000 for (var k = unixDb; k <= unixDe;) { k = k + 24 * 60 * 60 * 1000 arr.push(this.getDate(new Date(parseInt(k))).fullDate) } return arr } /** * 计算阴历日期显示 */ getlunar(year, month, date) { return CalendarLunar.solar2lunar(year, month, date) } /** * 获取当月第一天 */ getfirstday(dateData) { const { fullDate, year, month, date, day } = this.getDate(dateData) let nowDate = year+ '-' +month + '-01' //console.log("getfirstday:" + nowDate) return this.getDate(nowDate) } /** * 设置打点 */ setSelectInfo(data, value) { this.selected = value this._getWeek(data) } /** * 获取每周数据 * @param {Object} dateData */ _getWeek(dateData) { const { fullDate, year, month, date, day } = this.getDate(dateData) //console.log("_getWeeks",dateData,fullDate) let firstDay = new Date(year, month - 1, 1).getDay() let currentDay = new Date(year, month, 0).getDate() let dates = { lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData)), // 上个月末尾几天 currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData)), // 本月天数 nextMonthDays: [], // 下个月开始几天 weeks: [] } let canlender = [] let surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length) if(surplus >= 7) surplus-= 7 dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData)) canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays) let weeks = [] // 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天 for (let i = 0; i < canlender.length; i++) { if (i % 7 === 0) { weeks[parseInt(i / 7)] = new Array(7) } weeks[parseInt(i / 7)][i % 7] = canlender[i] } this.canlender = canlender //console.log("_getWeek", weeks ) this.weeks = weeks } _getPrevWeek(dateData) { const { fullDate, year, month, date, day } = this.getDate(dateData, -1, 'month') //console.log("_getPrevWeek",dateData,fullDate) let firstDay = new Date(year, month - 1, 1).getDay() let currentDay = new Date(year, month, 0).getDate() let dates = { lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData, -1, 'month')), // 上个月末尾几天 currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData, -1, 'month')), // 本月天数 nextMonthDays: [], // 下个月开始几天 weeks: [] } let canlender = [] let surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length) if(surplus >= 7) surplus-= 7 dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData, -1, 'month')) canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays) let weeks = [] // 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天 for (let i = 0; i < canlender.length; i++) { if (i % 7 === 0) { weeks[parseInt(i / 7)] = new Array(7) } weeks[parseInt(i / 7)][i % 7] = canlender[i] } //console.log("_getWeek", weeks ) this.weeks_prev = weeks } _getNextWeek(dateData) { const { fullDate, year, month, date, day } = this.getDate(dateData, +1, 'month') //console.log("_getNextWeek",dateData,fullDate) let firstDay = new Date(year, month - 1, 1).getDay() let currentDay = new Date(year, month, 0).getDate() let dates = { lastMonthDays: this._getLastMonthDays(firstDay, this.getDate(dateData, +1, 'month')), // 上个月末尾几天 currentMonthDys: this._currentMonthDys(currentDay, this.getDate(dateData, +1, 'month')), // 本月天数 nextMonthDays: [], // 下个月开始几天 weeks: [] } let canlender = [] let surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length) if(surplus >= 7) surplus-= 7 dates.nextMonthDays = this._getNextMonthDays(surplus, this.getDate(dateData, +1, 'month')) canlender = canlender.concat(dates.lastMonthDays, dates.currentMonthDys, dates.nextMonthDays) let weeks = [] // 拼接数组 上个月开始几天 + 本月天数+ 下个月开始几天 for (let i = 0; i < canlender.length; i++) { if (i % 7 === 0) { weeks[parseInt(i / 7)] = new Array(7) } weeks[parseInt(i / 7)][i % 7] = canlender[i] } this.weeks_next = weeks } } export default CalendarUtil