项目初始化

gaoluyang

3 天以前 92230c9a97dc9ce9df3313d11d26999c04bb6b26

 src/pages_qiun/components/uni-calendar/util.js

¶Ô±ÈÐÂÎļþ
@@ -0,0 +1,357 @@
import CALENDAR from './calendar.js'

class Calendar {
    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.cleanMultipleStatus()
        // æ¯å‘¨æ—¥æœŸ
        this.weeks = {}
        // this._getWeek(this.date.fullDate)
    }

    /**
     * è®¾ç½®æ—¥æœŸ
     * @param {Object} date
     */
    setDate(date) {
        this.selectDate = this.getDate(date)
        this._getWeek(this.selectDate.fullDate)
    }

    /**
     * æ¸…理多选状态
     */
    cleanMultipleStatus() {
        this.multipleStatus = {
            before: '',
            after: '',
            data: []
        }
    }

    /**
     * é‡ç½®å¼€å§‹æ—¥æœŸ
     */
    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() === 31) {
                    dd.setDate(dd.getDate() + 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 = []
        for (let i = firstDay; i > 0; i--) {
            const beforeDate = new Date(full.year, full.month - 1, -i + 1).getDate()
            dateArr.push({
                date: beforeDate,
                month: full.month - 1,
                lunar: this.getlunar(full.year, full.month - 1, beforeDate),
                disable: true
            })
        }
        return dateArr
    }

    /**
     * èŽ·å–本月天数
     */
    _currentMonthDys(dateData, full) {
        let dateArr = []
        let fullDate = this.date.fullDate
        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 info = this.selected && this.selected.find((item) => {
                if (this.dateEqual(nowDate, item.date)) {
                    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)
            }

            if (this.endDate) {
                let dateCompAfter = this.dateCompare(fullDate, this.endDate)
                disableAfter = this.dateCompare(nowDate, dateCompAfter ? this.endDate : fullDate)
            }
            let multiples = this.multipleStatus.data
            let checked = false
            let multiplesStatus = -1
            if (this.range) {
                if (multiples) {
                    multiplesStatus = multiples.findIndex((item) => {
                        return this.dateEqual(item, nowDate)
                    })
                }
                if (multiplesStatus !== -1) {
                    checked = true
                }
            }
            let data = {
                fullDate: nowDate,
                year: full.year,
                date: i,
                multiple: this.range ? checked : false,
                beforeMultiple: this.dateEqual(this.multipleStatus.before, nowDate),
                afterMultiple: this.dateEqual(this.multipleStatus.after, nowDate),
                month: full.month,
                lunar: this.getlunar(full.year, full.month, i),
                disable: !disableBefore || !disableAfter,
                isDay
            }
            if (info) {
                data.extraInfo = info
            }

            dateArr.push(data)
        }
        return dateArr
    }

    /**
     * èŽ·å–下月天数
     */
    _getNextMonthDays(surplus, full) {
        let dateArr = []
        for (let i = 1; i < surplus + 1; i++) {
            dateArr.push({
                date: i,
                month: Number(full.month) + 1,
                lunar: this.getlunar(full.year, Number(full.month) + 1, i),
                disable: true
            })
        }
        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 CALENDAR.solar2lunar(year, month, date)
    }

    /**
     * è®¾ç½®æ‰“点
     */
    setSelectInfo(data, value) {
        this.selected = value
        this._getWeek(data)
    }

    /**
     *  èŽ·å–多选状态
     */
    setMultiple(fullDate) {
        let {
            before,
            after
        } = this.multipleStatus

        if (!this.range) return
        if (before && after) {
            this.multipleStatus.before = ''
            this.multipleStatus.after = ''
            this.multipleStatus.data = []
        } else {
            if (!before) {
                this.multipleStatus.before = fullDate
            } else {
                this.multipleStatus.after = fullDate
                if (this.dateCompare(this.multipleStatus.before, this.multipleStatus.after)) {
                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.before, this.multipleStatus.after);
                } else {
                    this.multipleStatus.data = this.geDateAll(this.multipleStatus.after, this.multipleStatus.before);
                }
            }
        }
        this._getWeek(fullDate)
    }

    /**
     * èŽ·å–每周数据
     * @param {Object} dateData
     */
    _getWeek(dateData) {
        const {
            fullDate,
            year,
            month,
            date,
            day
        } = this.getDate(dateData)
        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 = []
        const surplus = 42 - (dates.lastMonthDays.length + dates.currentMonthDys.length)
        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
        this.weeks = weeks
    }

    //静态方法
    // static init(date) {
    //    if (!this.instance) {
    //       this.instance = new Calendar(date);
    //    }
    //    return this.instance;
    // }
}


export default Calendar