全部
常见问题
产品动态
精选推荐

使用moment组件封装常用的时间函数

管理 管理 编辑 删除

moment 中文官网地址:http://momentjs.cn

时间处理函数将结合ts的语法糖,对moment中的方法进行二次封装,使用更加简单快捷,代码如有更简单的的写法,欢迎讨论,交流,学习。直接上代码......

import moment from 'moment'
/**
 * 格式化日期,返回字符串或 Date 对象
 * @param {string | Date} date -字符串或 Date 对象
 * @param {boolean} isDisplayTime 时间大于3天时是否显示时分
 * @returns {string} - 字符串或 Date 对象
 */
export const formatDate = (date : string | Date, isDisplayTime : boolean = false) : string | Date => {
	const original = moment(date)
	// 判断时间大小
	const isTime = moment().isBefore(original)
	const isBeforeText = isTime ? '后' : '前'
	const secondsAgo = Math.abs(moment().diff(original, 'seconds'))
	if (secondsAgo < 60) {
		return `${secondsAgo}秒${isBeforeText}`
	}
	const minutesAgo = Math.abs(moment().diff(original, 'minutes'))
	if (minutesAgo < 60) {
		return `${minutesAgo}分钟${isBeforeText}`
	}
	const hoursAgo = Math.abs(moment().diff(original, 'hours'))
	if (hoursAgo < 24) {
		return `${hoursAgo}小时${isBeforeText}`
	}
	const daysAgo = Math.abs(moment().diff(original, 'days'))
	// 判断是否在今年内
	const isYears = moment(date).isSame(new Date(), 'year')
	if (daysAgo <= 3) {
		return `${daysAgo}天${isBeforeText}`
	} else if (daysAgo > 3 && isYears) {
		return isDisplayTime ? original.format('MM/DD HH:mm') : original.format('MM/DD')
	} else {
		return original.format('YYYY/MM/DD')
	}
};

/**
 * 检查的日期是否在指定的时间范围内
 * @param {string} start - 开始日期
 * @param {string} end - 结束日期
 * @param {string} [check=moment()] - 指定时间,默认为当前时间
 * @returns {boolean} - 返回布尔值
 */
export const isTimeBetween = (start : string, end : string, check : string = moment().format("YYYY-MM-DD HH:mm:ss")) : boolean => {
	const [momentCheck, momentStart, momentEnd] = [check, start, end].map(date => moment(date, "YYYY-MM-DD HH:mm:ss"));
	return momentCheck.isBetween(momentStart, momentEnd);
}

/**
 * 根据指定的日期和相差的天/秒/分/小时/周/月/年数获取另外一个日期
 * @param {string} [dateStr=moment()] - 指定的日期字符串,默认为当前时间
 * @param {number} diffValue - 相差的天/秒/分/小时/周/月/年数
 * @param {string} unit - 相差的单位(days, seconds, minutes, hours, weeks, months, years)
 * @param {string} format - 返回日期的格式,默认为 "YYYY-MM-DD"
 * @returns {string} - 格式化的新日期字符串
 */
export const getDateByDiff = (
	dateStr : string = moment().format(),
	diffValue : number,
	unit : "days" | "seconds" | "minutes" | "hours" | "weeks" | "months" | 'years',
	format : string = "YYYY-MM-DD"
) : string => {
	const momentDate = moment(dateStr, "YYYY-MM-DD HH:mm:ss");
	const newMomentDate = momentDate.add(diffValue, unit);
	return unit === "seconds" ||
		unit === "minutes" ||
		unit === "hours"
		? newMomentDate.format("YYYY-MM-DD HH:mm:ss")
		: newMomentDate.format(format);
};

/**
 * 计算两个日期之间的时间差
 * @param {string} startDateStr - 开始日期
 * @param {string} endDateStr - 结束日期
 * @param {moment.unitOfTime.Diff} unit - 时间单位(days, seconds, minutes, hours, weeks, months, years)
 * @returns {number} - 两日期相差的时间数
 */
export const getTimeDiffBetweenDates = (startDateStr : string, endDateStr : string, unit : moment.unitOfTime.Diff) : number => {
	const startDate = moment(startDateStr);
	const endDate = moment(endDateStr);
	const diff = endDate.diff(startDate, unit);
	return diff;
};

如果没有安装 moment 模块,请你自行安装。

请登录后查看

武湘君 最后编辑于2023-05-16 15:03:43

快捷回复
回复({{post_count}}) {{!is_user ? '我的回复' :'全部回复'}}
回复从新到旧

{{item.user_info.nickname ? item.user_info.nickname : item.user_name}}

作者 管理员 企业

{{item.floor}}# 同步到gitee 已同步到gitee {{item.is_suggest==1? '取消推荐': '推荐'}}
{{item.floor}}#
{{item.user_info.title}}
附件

{{itemf.name}}

{{item.created_at}}  {{item.ip_address}}
{{item.like_count}}
{{item.showReply ? '取消回复' : '回复'}}
删除
回复
回复

{{itemc.user_info.nickname}}

{{itemc.user_name}}

作者 管理员 企业

回复 {{itemc.comment_user_info.nickname}}

附件

{{itemf.name}}

{{itemc.created_at}}   {{itemc.ip_address}}
{{itemc.like_count}}
{{itemc.showReply ? '取消回复' : '回复'}}
删除
回复
回复
查看更多
回复
回复
1070
{{like_count}}
{{collect_count}}
添加回复 ({{post_count}})

相关推荐

武湘君 作者
君不行兮夷犹,蹇谁留兮中洲?美要眇兮宜修,沛吾乘兮桂舟。

回答

3

发布

4

经验

125

快速安全登录

使用微信扫码登录
{{item.label}} {{item.label}} {{item.label}} 板块推荐 常见问题 产品动态 精选推荐 首页头条 首页动态 首页推荐
加精
取 消 确 定
回复
回复
问题:
问题自动获取的帖子内容,不准确时需要手动修改. [获取答案]
答案:
提交
bug 需求 取 消 确 定

微信登录/注册

切换手机号登录

{{ bind_phone ? '绑定手机' : '手机登录'}}

{{codeText}}
切换微信登录/注册
暂不绑定
CRMEB客服

CRMEB咨询热线 咨询热线

400-8888-794

微信扫码咨询

CRMEB开源商城下载 开源下载 CRMEB官方论坛 帮助文档
返回顶部 返回顶部
CRMEB客服