Vue 时间格式化dateFormat

2022-04-26 16:00:42 阅读：301 来源： 互联网

标签：opt Vue 格式化 dateFormat fmt ret toFixed toString date

JavaScript中对时间格式化的工具类封装

export default {
	dateFormat(fmt, date) {
		let ret
		const 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
	},
	/// 保留n位小数
	toFixed(value, n = 2) {
		if (value) {
			return value.toFixed(n)
		}
		return (0.00.toFixed(n))
	}
}

使用：

  let effectStartTime = this.utils.dateFormat('yyyy-MM-dd HH:mm', new Date())

在vue中通过toFixed(n)可以将字符串转换成对应位数的小数但是有时候字符串为空值时就会出现找到对应方法的情况，针对这中情况通过可以封装一个方法来出来异常情况

toFixed("124",2)    返回结果124.00

标签：opt,Vue,格式化,dateFormat,fmt,ret,toFixed,toString,date
来源： https://www.cnblogs.com/qqcc1388/p/16195127.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Vue 时间格式化dateFormat