分享javascript日期对象格式化为字符串的实现方法

发布时间：2023-09-21 14:39:26 所属栏目：教程来源：

导读：javascript提供的日期格式化太简单,一般应用都需要自己实现格式化方法.下面是我想出的一个格式化处理方案,应该是可以满足常用的需求.日期模板中可以使用任意分隔符,还可以使用文字作为分隔符,甚至支持类似yyyyMMdd之

javascript提供的日期格式化太简单,一般应用都需要自己实现格式化方法.下面是我想出的一个格式化处理方案,应该是可以满足常用的需求.日期模板中可以使用任意分隔符,还可以使用文字作为分隔符,甚至支持类似yyyyMMdd之类没有分隔符的格式化.

原理:用正则表达式将日期模板中的日期元素[如yyyy, MM, dd]和分隔符拆分成数组,然后用实际的值替换日期元素形成日期字符串.

实现共有两个函数,粘贴可运行.

扩展方式:

示例中只支持了年月日时分秒毫秒的元素,如果需要显示星期则可以在values中添加w = getDay(),将正则表达式修改为y+|M+|d+|H+|m+|s+|S+|w+|[^yMdHmsSw]/g即可.

如果需要将月份或星期显示为全拼或简拼英文,可以在cfg中增加相应配置,我只在cfg中增加了一个示例

使用方式:

var date = new Date();

var str = formatDate(date, 'yyyy年MMM月dd日');

则str的值为2012年七月29日

代码如下:

/**

* 格式化整数

* @param number:number 要格式化的整数

* @param fmt:string 整数格式

*/

function formatNumber(number, fmt) {

number = number + '';

if (fmt.length > number.length) {

return fmt.substring(number.length) + number;

}

return number;

}

/**

* 格式化日期为字符串表示

* @param datetime:Date 要格式化的日期对象

* @param format:String 日期格式

*/

function formatDate(datetime, format) {

var cfg = {

MMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二'],

MMMM : ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二']

},

values = {

y : datetime.getFullYear(),

M : datetime.getMonth(),

d : datetime.getDate(),

H : datetime.getHours(),

m : datetime.getMinutes(),

s : datetime.getSeconds(),

S : datetime.getMilliseconds()

};

/*用正则表达式拆分日期格式各个元素*/

var elems = format.match(/y+|M+|d+|H+|m+|s+|S+|[^yMdHmsS]/g);

//将日期元素替换为实际的值

for (var i = 0; i < elems.length; i++) {

if (cfg[elems[i]]) {

elems[i] = cfg[elems[i]][values[elems[i].charAt(0)]];

} else if (values[elems[i].charAt(0)]) {

elems[i] = formatNumber(values[elems[i].charAt(0)], elems[i].replace(/./g, '0'));

}

}

return elems.join('');

}

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!