JavaScript中常用的处理时间方法

将时间戳转换为指定格式

// padStart 的 polyfill，因为某些机型或情况，还无法支持es7的padStart，比如电脑版的微信小程序
// 所以这里做一个兼容polyfill的兼容处理
if (!String.prototype.padStart) {
    
    
	// 为了方便表示这里 fillString 用了ES6 的默认参数，不影响理解
	String.prototype.padStart = function(maxLength, fillString = ' ') {
    
    
		if (Object.prototype.toString.call(fillString) !== "[object String]") throw new TypeError(
			'fillString must be String')
		let str = this
		// 返回 String(str) 这里是为了使返回的值是字符串字面量，在控制台中更符合直觉
		if (str.length >= maxLength) return String(str)

		let fillLength = maxLength - str.length,
			times = Math.ceil(fillLength / fillString.length)
		while (times >>= 1) {
    
    
			fillString += fillString
			if (times === 1) {
    
    
				fillString += fillString
			}
		}
		return fillString.slice(0, fillLength) + str;
	}
}
// yyyy:mm:dd|yyyy:mm|yyyy年mm月dd日|yyyy年mm月dd日 hh时MM分等,可自定义组合
function timeFormat(dateTime = null, fmt = 'yyyy-mm-dd') {
    
    
	// 如果为null,则格式化当前时间
	if (!dateTime) dateTime = Number(new Date());
	// 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
	if (dateTime.toString().length == 10) dateTime *= 1000;
	let date = new Date(dateTime);
	let ret;
	let opt = {
    
    
		"y+": date.getFullYear().toString(), // 年
		"m+": (date.getMonth() + 1).toString(), // 月
		"d+": date.getDate().toString(), // 日
		"h+": date.getHours().toString(), // 时
		"M+": date.getMinutes().toString(), // 分
		"s+": date.getSeconds().toString() // 秒
		// 有其他格式化字符需求可以继续添加，必须转化成字符串
	};
	for (let k in opt) {
    
    
		ret = new RegExp("(" + k + ")").exec(fmt);
		if (ret) {
    
    
			fmt = fmt.replace(ret[1], (ret[1].length == 1) ? (opt[k]) : (opt[k].padStart(ret[1].length, "0")))
		};
	};
	return fmt;
}

时间戳转为多久之前

/**
 * 时间戳转为多久之前
 * @param String dateTime 时间戳
 * @param String | Boolean format 如果为时间格式字符串，超出一定时间范围，返回固定的时间格式；
 * 如果为布尔值false，无论什么时间，都返回多久以前的格式
 */
function timeFrom(dateTime = null, format = 'yyyy-mm-dd') {
    
    
	// 如果为null,则格式化当前时间
	if (!dateTime) dateTime = Number(new Date());
	// 如果dateTime长度为10或者13，则为秒和毫秒的时间戳，如果超过13位，则为其他的时间格式
	if (dateTime.toString().length == 10) dateTime *= 1000;
	let timestamp = + new Date(Number(dateTime));

	let timer = (Number(new Date()) - timestamp) / 1000;
	// 如果小于5分钟,则返回"刚刚",其他以此类推
	let tips = '';
	switch (true) {
    
    
		case timer < 300:
			tips = '刚刚';
			break;
		case timer >= 300 && timer < 3600:
			tips = parseInt(timer / 60) + '分钟前';
			break;
		case timer >= 3600 && timer < 86400:
			tips = parseInt(timer / 3600) + '小时前';
			break;
		case timer >= 86400 && timer < 2592000:
			tips = parseInt(timer / 86400) + '天前';
			break;
		default:
			// 如果format为false，则无论什么时间戳，都显示xx之前
			if(format === false) {
    
    
				if(timer >= 2592000 && timer < 365 * 86400) {
    
    
					tips = parseInt(timer / (86400 * 30)) + '个月前';
				} else {
    
    
					tips = parseInt(timer / (86400 * 365)) + '年前';
				}
			} else {
    
    
				tips = timeFormat(timestamp, format);
			}
	}
	return tips;
}

获取每个月的天数

/**
 * 获取每个月的天数
 * @param {number|string} year 
 * @param {number|string} month 
 * @returns 
 */
function getMonthDays(year, month) {
    
    
    year = Number(year)
    month = Number(month)
    if ([1, 3, 5, 7, 8, 10, 12].indexOf(month) > -1) {
    
    
        return 31
    } else if ([4, 6, 9, 11].indexOf(month) > -1) {
    
    
        return 30
    } else {
    
    
         return (year % 4 == 0 && year % 100 != 0) || (year % 400 == 0) ? 29 : 28
    }
}

根据日期获取当天星期几

/**
 * 根据日期获取当天星期几 
 * @param {number|undefined} date 日期 格式yyyy/mm/dd 
 * @param {string} preFix 星期前缀 例如周,星期,礼拜等
 * @returns 处理好的字符串
 */
function getWeek(date, preFix = '星期') {
    
    
    return `${
      
      preFix}${
      
      '日一二三四五六'.charAt(date ? new Date(date).getDay() : new Date().getDay())}`
}

根据起始日期和范围获取当前年分,月,日的集合,多用于datePicker

/**
 * 根据起始日期和范围获取当前年分,月,日的集合,多用于datePicker
 * @param {number} scope 时间范围
 *  @param {string} date 指定日期 格式yyyy/mm/dd或yyyy-mm-dd
 * @returns 
 */
function getDatePop(scope, date) {
    
    
    const
        n1 = date.indexOf('/') || date.indexOf('-'),
        n2 = date.lastIndexOf('/') || date.lastIndexOf('-'),
        year = date.slice(0, 4),
        month = date.slice(n1 + 1, n2),
        day = date.slice(n2 + 1),
        years = [],
        months = [],
        days = [];
    for (let i = year; i <= year + scope; i++) {
    
    
        years.push(i)
    }
    for (let i = 1; i <= 12; i++) {
    
    
        months.push(i)
    }
    for (let i = 1; i <= getMonthDays(year, month); i++) {
    
    
        days.push(i)
    }
    return {
    
    
        years,
        year,
        months,
        month,
        days,
        day,
        indexValue: [years.indexOf(year), month - 1, day - 1],
        dateArr: [
            [year, month, day],
            [year, month, day],
        ],
    }
}

根据指定日期,获取未来一段时间的日期和星期

/**
 * 根据指定日期,获取未来一段时间的日期和星期
 * @param {string} date 开始日期 格式yyyy/mm/dd或yyyy-mm-dd 
 * @param {number} scope 日期范围
 * @param {string} weekName 星期前缀 
 */
function getWeek(date, scope = 7,weekName='星期') {
    
    
    date = date || new Date().toLocaleDateString();
    let join = date.indexOf('/') > -1 ? '/' : '-',
        n1 = date.indexOf(join),
        n2 = date.lastIndexOf(join),
        year = Number(date.slice(0, n1)),
        month = Number(date.slice(n1 + 1, n2)),
        day = Number(date.slice(n2 + 1)),
        weekNumber = new Date(date).getDay(),
        daysLong = getMonthDays(year, month),//getMonthDays是本文第三个
        weeks = [];
    for (let i = day; i < day + scope; i++) {
    
    
        let _weekChinese = numberToChinese(weekNumber % 7),//numberToChinese在另一篇文章
            _week = `${
      
      weekName}${
      
      _weekChinese == '零' ? '日' : _weekChinese}`,
            _month = (i <= daysLong ? month : month + 1) % 12 || 12,
            _day = i <= daysLong ? i : i - daysLong,
            _str = `${
      
      _month}月${
      
      _day}日`,
            _date = `${
      
      year}${
      
      join}${
      
      _month}${
      
      join}${
      
      _day}`;
        weeks.push({
    
    
            week: _week,//星期x
            month: _month,//月份数
            day: _day,//日期数
            str: _str,//xx月xx日
            date: _date//xxxx/xx/xx
        })
        weekNumber += 1
    }
    return weeks
}