javascript日期对象格式化为字符串

发布时间:2020-11-23编辑:脚本学堂
本文介绍了javascript日期对象格式化为字符串的实现方法,学习下js日期格式化的方法,有需要的朋友参考下。

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

js 数字添加逗号、格式化数字的代码
js时间戳格式化成日期格式的几种方法
JS时间格式化的方法汇总
javascript实现的Date日期格式化函数
javascript实现(Date format)日期格式化的三个例子
javascript 格式化货币数据的代码
JS Number对象格式化方法的实例代码
js 日期格式化的例子
javascript格式化时间日期函数举例
js格式化日期时间型数据函数的实现代码
通过正则格式化url查询字符串的代码