首頁  >  文章  >  web前端  >  javascript日期物件格式化為字串的實作方法_javascript技巧

javascript日期物件格式化為字串的實作方法_javascript技巧

WBOY
WBOY原創
2016-05-16 17:03:541283瀏覽

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 = 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 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('');
}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn