JavaScript格式化日期时间的方法和自定义格式化函数示例

 更新时间:2014年04月04日 16:21:35   作者:  
JavaScript默认的时间格式我们一般情况下不会用,所以需要进行格式化,下面说说我总结的JavaScript时间格式化方法

很多时候,我们可以利用JavaScript中Date对象的内置方法来格式化,如:

复制代码 代码如下:
var d = new Date();
console.log(d); // 输出:Mon Nov 04 2013 21:50:33 GMT+0800 (中国标准时间)
console.log(d.toDateString()); // 日期字符串,输出:Mon Nov 04 2013
console.log(d.toGMTString()); // 格林威治时间,输出:Mon, 04 Nov 2013 14:03:05 GMT
console.log(d.toISOString()); // 国际标准组织(ISO)格式,输出:2013-11-04T14:03:05.420Z
console.log(d.toJSON()); // 输出:2013-11-04T14:03:05.420Z
console.log(d.toLocaleDateString()); // 转换为本地日期格式,视环境而定,输出:2013年11月4日
console.log(d.toLocaleString()); // 转换为本地日期和时间格式,视环境而定,输出:2013年11月4日 下午10:03:05
console.log(d.toLocaleTimeString()); // 转换为本地时间格式,视环境而定,输出:下午10:03:05
console.log(d.toString()); // 转换为字符串,输出:Mon Nov 04 2013 22:03:05 GMT+0800 (中国标准时间)
console.log(d.toTimeString()); // 转换为时间字符串,输出:22:03:05 GMT+0800 (中国标准时间)
console.log(d.toUTCString()); // 转换为世界时间,输出:Mon, 04 Nov 2013 14:03:05 GMT

如果上面的方法不能满足我们的要求,也可以自定义函数来格式化时间,如:
复制代码 代码如下:

Date.prototype.format = function(format) {
       var date = {
              "M+": this.getMonth() + 1,
              "d+": this.getDate(),
              "h+": this.getHours(),
              "m+": this.getMinutes(),
              "s+": this.getSeconds(),
              "q+": Math.floor((this.getMonth() + 3) / 3),
              "S+": this.getMilliseconds()
       };
       if (/(y+)/i.test(format)) {
              format = format.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length));
       }
       for (var k in date) {
              if (new RegExp("(" + k + ")").test(format)) {
                     format = format.replace(RegExp.$1, RegExp.$1.length == 1
                            ? date[k] : ("00" + date[k]).substr(("" + date[k]).length));
              }
       }
       return format;
}
var d = new Date().format('yyyy-MM-dd');
console.log(d); // 2013-11-04

 

相关文章

  • Django1.7+JQuery+Ajax验证用户注册集成小例子

    Django1.7+JQuery+Ajax验证用户注册集成小例子

    下面是散仙使用Django+Jquery+Ajax的方式来模拟实现了一个验证用户注册时,用户名存在不存在的一个小应用。注意,验证存在不存在使用的是Ajax的方式,不用让用户点击按钮验证是否存在,需要的朋友可以参考下
    2017-04-04
  • 整理关于Bootstrap警示框的慕课笔记

    整理关于Bootstrap警示框的慕课笔记

    这篇文章主要为大家整理了关于Bootstrap导航的慕课笔记,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • JS实现canvas简单小画板功能

    JS实现canvas简单小画板功能

    这篇文章主要为大家详细介绍了JS实现canvas简单小画板功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • javascript实现window.print()去除页眉页脚

    javascript实现window.print()去除页眉页脚

    这篇文章主要介绍了javascript实现window.print()去除页眉页脚的方法以及各参数的设置技巧,需要的朋友可以参考下
    2014-12-12
  • JS input 数字验证代码

    JS input 数字验证代码

    控制控件只能输入数字,含-(负号).(小数点)
    2009-07-07
  • JavaScript 事件对象的实现

    JavaScript 事件对象的实现

    前我写过一篇关于JavaScript如何实现面向对象编程的文章。今天,我写这篇文章跟大家讨论一下,如何实现事件。
    2009-07-07
  • ES6使用export和import实现模块化的方法

    ES6使用export和import实现模块化的方法

    这篇文章主要介绍了ES6使用export和import实现模块化的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-09-09
  • JavaScript字符串常用的方法

    JavaScript字符串常用的方法

    这篇文章主要介绍了JavaScript字符串常用的方法 的相关资料,需要的朋友可以参考下
    2016-03-03
  • 通过js实现压缩图片上传功能

    通过js实现压缩图片上传功能

    这篇文章主要介绍了通过js实现压缩图片上传功能,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • javascript 原型链维护和继承详解

    javascript 原型链维护和继承详解

    本文通过实例详细向我们分析了javascript原型链维护和继承的问题,十分的详尽,十分的全面,这里推荐给大家。
    2014-11-11

最新评论