cloud-ui.vusion/src/utils/date.js

Vusion Cloud UI

import cloneDeep from 'lodash/cloneDeep';
import dayjs from './dayjs';

export const format = function format(value, type) {
    if (!value)
        return;
    type = type || 'YYYY-MM-DD HH:mm';

    const fix = (str) => {
        str = '' + (String(str) || '');
        return str.padStart(2, '0');
    };
    const maps = {
        yyyy(date) {
            if (process.env.NODE_ENV === 'development') {
                console.warn('use YYYY instead of yyyy in YYYY-MM-DD');
            }
            return date.getFullYear();
        },
        YYYY(date) { return date.getFullYear(); },
        MM(date) { return fix(date.getMonth() + 1); },
        dd(date) {
            if (process.env.NODE_ENV === 'development') {
                console.warn('use DD instead of dd in YYYY-MM-DD');
            }
            return fix(date.getDate());
        },
        WWWW(date) { return `W${fix(dayjs(date).isoWeek())}`; },
        QQ(date) { return `Q${Math.ceil((date.getMonth() + 1) / 3)}`; },
        DD(date) { return fix(date.getDate()); },
        HH(date) { return fix(date.getHours()); },
        mm(date) { return fix(date.getMinutes()); },
        ss(date) { return fix(date.getSeconds()); },
    };
    const trunk = new RegExp(Object.keys(maps).join('|'), 'g');
    if (typeof value === 'string' && !value.includes('T'))
        value = transformDate(value);
    value = new Date(value);
    if (value.toString() === 'Invalid Date')
        return;
    const result = type.replace(trunk, (capture) => maps[capture] ? maps[capture](value) : '');
    // 根据 iOS 周历特殊处理，例如 2018-12-31 应该被解析为 2019-W01
    if (type.includes('YYYY-WWWW')) {
        const valueYear = value.getFullYear();
        const isoYear = dayjs(value).isoWeekYear();
        if (valueYear !== isoYear) {
            return result.replace(valueYear, isoYear);
        }
    }
    return result;
};

export const transformDate = function transformDate(date) {
    if (!date)
        return;
    if (typeof date === 'string') {
        /**
         * 因为如果时间格式是 json 的字符串 "2021-06-18T07:55:26.914Z"
         * 不能做 - 的替换，会导致转化失效
         */
        if (date.includes('Q')) {
            return new Date(date.replace(/Q1/, '1').replace(/Q2/, '4').replace(/Q3/, '7').replace(/Q4/, '10'));
        }
        if (date.includes('W')) {
            return dayjs(date, ['YYYY-WWWW', 'YYYY-WWWW H:mm:ss', 'YYYY-WWWW HH:mm:ss']).toDate();
        }
        date = date.replace(/-/g, '/');
        return new Date(date);
    } else if (typeof date === 'number')
        return new Date(date);
    else if (typeof date === 'object')
        return date;
};

/** 自动去掉最大最小时间的尾数 */
export function ChangeDate(currentDate, picker, flag) {
    const cloneDate = cloneDeep(currentDate);
    const date = new Date(cloneDate);
    if (picker === 'month') {
        date.setDate(1);
        date.setHours(0, 0, 0, 0);
        return date;
    }

    if (picker === 'quarter') {
        // 更新为当前范围的最小值
        const month = date.getMonth();
        let currentMonth;
        /** 2, 7, 10 作为季度的开始第一天 */
        if (flag === 'min') {
            if (0 <= month && month < 3) {
                currentMonth = 0;
            } else if (month < 6) {
                currentMonth = 3;
            } else if (month < 9) {
                currentMonth = 6;
            } else {
                currentMonth = 9;
            }
        }
        if (flag === 'max') {
            if (0 <= month && month < 3) {
                currentMonth = 3;
            } else if (month <= 6) {
                currentMonth = 6;
            } else if (month <= 9) {
                currentMonth = 9;
            }
        }

        date.setMonth(currentMonth);
        date.setDate(1);
        date.setHours(0, 0, 0, 0);
        return date;
    }

    if (picker === 'year') {
        date.setMonth(0);
        date.setDate(1);
        date.setHours(0, 0, 0, 0);
        return date;
    }

    return currentDate;
}