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
|