快捷導(dǎo)航

javascript日期對(duì)象格式化為字符串的實(shí)現(xiàn)方法

更新時(shí)間：2014年01月14日 09:19:03 作者：

本篇文章主要是對(duì)javascript日期對(duì)象格式化為字符串的實(shí)現(xiàn)方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助

javascript提供的日期格式化太簡(jiǎn)單,一般應(yīng)用都需要自己實(shí)現(xiàn)格式化方法.下面是我想出的一個(gè)格式化處理方案,應(yīng)該是可以滿足常用的需求.日期模板中可以使用任意分隔符,還可以使用文字作為分隔符,甚至支持類似yyyyMMdd之類沒有分隔符的格式化.

原理:用正則表達(dá)式將日期模板中的日期元素[如yyyy, MM, dd]和分隔符拆分成數(shù)組,然后用實(shí)際的值替換日期元素形成日期字符串.

實(shí)現(xiàn)共有兩個(gè)函數(shù),粘貼可運(yùn)行.

擴(kuò)展方式:

示例中只支持了年月日時(shí)分秒毫秒的元素,如果需要顯示星期則可以在values中添加w = getDay(),將正則表達(dá)式修改為y+|M+|d+|H+|m+|s+|S+|w+|[^yMdHmsSw]/g即可.

如果需要將月份或星期顯示為全拼或簡(jiǎn)拼英文,可以在cfg中增加相應(yīng)配置,我只在cfg中增加了一個(gè)示例

使用方式:

var date = new Date();
var str = formatDate(date, 'yyyy年MMM月dd日');
則str的值為2012年七月29日

復(fù)制代碼代碼如下:

/**
* 格式化整數(shù)
* @param number:number 要格式化的整數(shù)
* @param fmt:string 整數(shù)格式
*/
function formatNumber(number, fmt) {
number = number + '';
if (fmt.length > number.length) {
return fmt.substring(number.length) + number;
}
return number;
}

/**
* 格式化日期為字符串表示
* @param datetime:Date 要格式化的日期對(duì)象
* @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()
};
/*用正則表達(dá)式拆分日期格式各個(gè)元素*/
var elems = format.match(/y+|M+|d+|H+|m+|s+|S+|[^yMdHmsS]/g);
//將日期元素替換為實(shí)際的值
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'));
}
}