JavaScript 日期格式化工具函数详解
作者:函数茶馆时间:2026-10-27 15:35:50浏览:322
本文汇总了JavaScript中实现日期格式化的多种方案。通过扩展Date.prototype.format方法,支持自定义年月日时分秒及毫秒的替换规则。同时提供了将日期对象或Long型时间戳转换为指定格式字符串的通用函数,涵盖完整时间与仅日期两种模式,适用于前端开发中的时间展示需求。
以下是具体的代码实现部分。
扩展 Date 原型进行格式化// 扩展 Date 对象的 format 方法
Date.prototype.format = function (format) {
var o = {
"M+": this.getMonth() + 1,
"d+": this.getDate(),
"h+": this.getHours(),
"m+": this.getMinutes(),
"s+": this.getSeconds(),
"q+": Math.floor((this.getMonth() + 3) / 3),
"S": this.getMilliseconds()
}
if (/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
}
for (var k in o) {
if (new RegExp("(" + k + ")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length));
}
}
return format;
}
/**
* 将日期对象转换为日期字符串
* @param date 日期对象
* @param isFull 是否返回完整日期数据
* 当为 true 时,格式示例为 "2000-03-05 01:05:04"
* 当为 false 时,格式示例为 "2000-03-05"
* @return 符合格式要求的日期字符串
*/
通用日期字符串转换函数function getSmpFormatDate(date, isFull) {
var pattern = "";
if (isFull == true || isFull == undefined) {
pattern = "yyyy-MM-dd hh:mm:ss";
} else {
pattern = "yyyy-MM-dd";
}
return getFormatDate(date, pattern);
}
/**
* 将当前日期对象转换为日期字符串
* @param date 日期对象
* @param isFull 是否返回完整日期数据
* 当为 true 时,格式示例为 "2000-03-05 01:05:04"
* 当为 false 时,格式示例为 "2000-03-05"
* @return 符合格式要求的日期字符串
*/
function getSmpFormatNowDate(isFull) {
return getSmpFormatDate(new Date(), isFull);
}
/**
* 将 Long 型数值转换为日期字符串
* @param l long 值
* @param isFull 是否返回完整日期数据,
* 当为 true 时,格式示例为 "2000-03-05 01:05:04"
* 当为 false 时,格式示例为 "2000-03-05"
* @return 符合格式要求的日期字符串
*/
function getSmpFormatDateByLong(l, isFull) {
return getSmpFormatDate(new Date(l), isFull);
}
/**
* 将 Long 型数值转换为日期字符串
* @param l long 值
* @param pattern 格式字符串,例如:yyyy-MM-dd hh:mm:ss
* @return 符合格式要求的日期字符串
*/
function getFormatDateByLong(l, pattern) {
return getFormatDate(new Date(l), pattern);
}
/**
* 将日期对象转换为日期字符串
* @param l long 值
* @param pattern 格式字符串,例如:yyyy-MM-dd hh:mm:ss
* @return 符合格式要求的日期字符串
*/
function getFormatDate(date, pattern) {
if (date == undefined) {
date = new Date();
}
if (pattern == undefined) {
pattern = "yyyy-MM-dd hh:mm:ss";
}
return date.format(pattern);
}
// 测试用例:
// alert(getSmpFormatDate(new Date(1279849429000), true));
// alert(getSmpFormatDate(new Date(1279849429000),false));
// alert(getSmpFormatDateByLong(1279829423000, true));
// alert(getSmpFormatDateByLong(1279829423000,false));
// alert(getFormatDateByLong(1279829423000, "yyyy-MM"));
// alert(getFormatDate(new Date(1279829423000), "yy-MM"));
// alert(getFormatDateByLong(1279849429000, "yyyy-MM hh:mm"));作者最新文章
JS大数值转字符串出现科学计数法怎么办
2026-11-05 17:09:21
JS split切割后出现空字符串怎么过滤
2026-11-05 16:00:30
在 React 或 Vue 项目中封装使用 JS 节流防抖
2026-11-05 15:27:29
JavaScript中怎么将带小数的字符串转为整数?
2026-11-05 14:32:38
怎么用JavaScript策略模式重构电商促销计算逻辑?
2026-11-05 14:01:09
