格式化日期时间方法总结

文章目录

一、格式化时间(年月日时分秒)
javascript 复制代码
/**
 * 日期时间格式化 年月日时分秒
 * @param {string} dateTime
 */
export function dateTimeFormatting(dateTime) {
	if (dateTime.toString().length == 10) {
		dateTime = dateTime * 1000
	}
	let date = new Date(dateTime || '')
	return date.getFullYear() + '-' + (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) +
		'-' + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + ' ' +
		(date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':' + (date.getMinutes() < 10 ? '0' + date
			.getMinutes() : date.getMinutes()) + ':' + (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
}
// 使用
// dateTimeFormatting(new Date());
// dateTimeFormatting(1719477463); // 2024-06-27 16:37:43
// dateTimeFormatting(1719477463000); // 2024-06-27 16:37:43
二、格式化时间(年月日)
javascript 复制代码
/**
 * 日期格式化 年月日
 * @param {*} dateTime 
 */
export function dateFormatting(dateTime, symbol) {
	let date = new Date(dateTime || '')
	let symbols = symbol || '-'
	return date.getFullYear() + (symbols == 'character' ? '年' : symbols) + (date.getMonth() + 1 < 10 ? '0' + (date
			.getMonth() + 1) : date.getMonth() + 1) + (symbols == 'character' ? '月' : symbols) +
		(date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + (symbols == 'character' ? '日' : '')
}
// 使用
// dateFormatting(new Date());
// dateFormatting(1719477463); // 2024-06-27
// dateFormatting(1719477463000); // 2024-06-27
三、日期格式化(获取年份)
javascript 复制代码
/**
 * 日期格式化 获取年份
 * @param {*} dateTime 
 */
export function getYear(dateTime) {
	let date = new Date(dateTime || '')
	return date.getFullYear()
}
// 使用
// getYear(new Date());
// getYear(1719477463); // 2024
// getYear(1719477463000); // 2024
四、格式化时间(月日)
javascript 复制代码
/**
 * 日期格式化 月日格式化
 * @param {*} dateTime 
 */ 
export function monthDayFormatting(dateTime, symbol) {
	let date = new Date(dateTime || '')
	let symbols = symbol || '-'
	return (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + (symbols == 'character' ?
		'月' : symbols) + (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) + (symbols == 'character' ? '日' :
		'')
}
// 使用
// monthDayFormatting(new Date());
// monthDayFormatting(1719477463); // 06-27
// monthDayFormatting(1719477463000); // 06-27
五、格式化时间(时分秒)
javascript 复制代码
/**
 * 时间格式化 时分秒
 * @param {string} dateTime
 * @returns {string}
 */
export function timeFormatting(dateTime) {
	let date = new Date(dateTime || '')
	return (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':' + (date.getMinutes() < 10 ? '0' + date
		.getMinutes() : date.getMinutes()) + ':' + (date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds())
}
// 使用
// timeFormatting(new Date());
// timeFormatting(1719477463); // 16:37:43
// timeFormatting(1719477463000); // 16:37:43
六、秒 转换为 分秒
javascript 复制代码
/**
 * 秒 转换为 分秒
 * @param {Object} s
 */
export function formatTime(s) {
	let t = '';
	s = Math.floor(s);

	if (s > -1) {
		let min = Math.floor(s / 60) % 60;
		let sec = s % 60;

		if (min < 10) {
			t += "0";
		}
		t += min + ":";

		if (sec < 10) {
			t += "0";
		}
		t += sec;
	}
	return t;
}
// 使用
// formatTime(90); // 01:30
相关推荐
五点六六六41 分钟前
深入解析Cookie机制:从操作实践到安全属性详解
前端·javascript·面试
知道了啊1 小时前
webpack源码深入--- webpack的编译主流程
前端·webpack
学习做游戏中1 小时前
layui在表格中嵌入上传按钮,并修改上传进度条
前端·javascript·layui
ZhouWei的博客1 小时前
Flutter Android打包aab包
android·前端
Chnsome1 小时前
antv/x6@2.x + vue3 开发环境配置
前端
绯雨9341 小时前
前端新手小白的第一个AI全栈项目---AI聊天室
前端·人工智能·ai·aigc
ayyo_cici1 小时前
DALL·E使用、图像一致性与四格漫画案例
前端·人工智能·api
XMJ1 小时前
Nuxt3的UseFetch源码分析
前端·nuxt.js·seo
zhangbao90s1 小时前
探究 useInfiniteQuery() 在分页查询场景下的应用
前端·javascript·react.js
lryh_2 小时前
vue3 新增一个菜单A ,进入A页面后 再切换到 菜单B页面时 页面是空白 需要刷新浏览器才起效
前端·vue.js