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"));
作者最新文章