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

 更新时间:2014年01月14日 09:19:03   作者:  
本篇文章主要是对javascript日期对象格式化为字符串的实现方法进行了详细的介绍,需要的朋友可以过来参考下,希望对大家有所帮助

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获取当前页面路径的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-01-01
  • 如何制作浮动广告 JavaScript制作浮动广告代码

    如何制作浮动广告 JavaScript制作浮动广告代码

    如果有一定的JavaScript基础,制作浮动广告还是比较容易的,利用闲暇时间简单制作了一个,感兴趣的朋友可以参考下哦
    2012-12-12
  • JavaScript实现下拉列表

    JavaScript实现下拉列表

    这篇文章主要为大家详细介绍了JavaScript实现下拉列表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-01-01
  • JS格式化数字保留两位小数点示例代码

    JS格式化数字保留两位小数点示例代码

    式化数字保留两位小数点实现的方法有很多,在接下来的文章中将为大家详细介绍下如何使用js来实现
    2013-10-10
  • 为JS扩展Array.prototype.indexOf引发的问题探讨及解决

    为JS扩展Array.prototype.indexOf引发的问题探讨及解决

    Array没有indexOf方法,这样在一个数组中查找某个元素的索引时比较麻烦,于是通过prototype原型扩展了Array.prototype.indexOf(),在对数组进行遍历的时候却出现了问题
    2013-04-04
  • JavaScript中最常用的10种代码简写技巧总结

    JavaScript中最常用的10种代码简写技巧总结

    这篇文章主要总结了JavaScript中最常用的10种代码简写技巧的相关资料,其中包括三元操作符、短路求值简写方式、声明变量简写方法、if存在条件简写方法及JavaScript循环简写方法等等,分别给出了详细的示例代码供大家参考,需要的朋友们下面来一起看看吧。
    2017-06-06
  • javascript闭包的理解

    javascript闭包的理解

    这篇文章主要介绍了js闭包的相关知识,闭包是Javascript的一个难点,但也是一个很重要的知识点,需要的朋友可以参考下
    2015-04-04
  • 简单实现js浮动框

    简单实现js浮动框

    这篇文章主要为大家详细介绍了如何简单实现js浮动框,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JS 对象属性相关(检查属性、枚举属性等)

    JS 对象属性相关(检查属性、枚举属性等)

    这篇文章主要介绍了JS 对象属性相关(检查属性、枚举属性等),需要的朋友可以参考下
    2015-04-04
  • javascript实现获取中文汉字拼音首字母

    javascript实现获取中文汉字拼音首字母

    这篇文章主要为大家详细介绍了javascript实现获取中文汉字拼音首字母,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-05-05

最新评论