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


Posted in Javascript onApril 04, 2014

很多时候,我们可以利用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

 

Javascript 相关文章推荐
javascript+iframe 实现无刷新载入整页的代码
Mar 17 Javascript
node.js中的buffer.copy方法使用说明
Dec 14 Javascript
常常会用到的截取字符串substr()、substring()、slice()方法详解
Dec 16 Javascript
js动态获取子复选项并设计全选及提交的实现方法
Jun 24 Javascript
AngularJS基础 ng-list 指令详解及示例代码
Aug 02 Javascript
微信小程序 富文本转文本实例详解
Oct 24 Javascript
简单实现js倒计时功能
Feb 13 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
vue router-link传参以及参数的使用实例
Nov 10 Javascript
利用canvas中toDataURL()将图片转为dataURL(base64)的方法详解
Nov 20 Javascript
在vue项目中安装使用Mint-UI的方法
Dec 27 Javascript
详解js中的几种常用设计模式
Jul 16 Javascript
Javascript排序算法之合并排序(归并排序)的2个例子
Apr 04 #Javascript
JQuery记住用户名和密码的具体实现
Apr 04 #Javascript
JS根据变量保存方法名并执行方法示例
Apr 04 #Javascript
JavaScript制作的可折叠弹出式菜单示例
Apr 04 #Javascript
JavaScript排序算法之希尔排序的2个实例
Apr 04 #Javascript
JavaScript中的prototype.bind()方法介绍
Apr 04 #Javascript
jQuery使用ajaxSubmit()提交表单示例
Apr 04 #Javascript
You might like
PHP+javascript模拟Matrix画面
2006/10/09 PHP
PHP中Date获取时间不正确怎么办
2008/06/05 PHP
phpMyAdmin自动登录和取消自动登录的配置方法
2014/05/12 PHP
使用ThinkPHP+Uploadify实现图片上传功能
2014/06/26 PHP
PHP正则判断一个变量是否为正整数的方法
2019/02/27 PHP
WebGame《逆转裁判》完整版 代码下载(1月24日更新)
2007/01/29 Javascript
javascript 拖放效果实现代码
2010/01/22 Javascript
用nodejs访问ActiveX对象,以操作Access数据库为例。
2011/12/15 NodeJs
使用jQuery和Bootstrap实现多层、自适应模态窗口
2014/12/22 Javascript
jQuery中:checkbox选择器用法实例
2015/01/03 Javascript
JavaScript通过Date-Mask将日期转换成字符串的方法
2015/06/04 Javascript
jQuery+ajax实现文章点赞功能的方法
2015/12/31 Javascript
Javascript中Date类型和Math类型详解
2016/02/27 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
详解如何使用webpack打包Vue工程
2017/05/27 Javascript
shiro授权的实现原理
2017/09/21 Javascript
jQuery自动或手动图片切换效果
2017/10/11 jQuery
weebox弹出窗口不居中显示的解决方法
2017/11/27 Javascript
vue translate peoject实现在线翻译功能【新手必看】
2018/06/07 Javascript
使用Node.js实现一个多人游戏服务器引擎
2019/03/13 Javascript
Node.js一行代码实现静态文件服务器的方法步骤
2019/05/07 Javascript
[02:44]DOTA2英雄基础教程 魅惑魔女
2014/01/07 DOTA
python海龟绘图实例教程
2014/07/24 Python
Python实现列表删除重复元素的三种常用方法分析
2017/11/24 Python
python学生管理系统学习笔记
2019/03/19 Python
Python for循环与range函数的使用详解
2019/03/23 Python
PyQt5 实现给窗口设置背景图片的方法
2019/06/13 Python
python实现windows倒计时锁屏功能
2019/07/30 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
Chinti & Parker官网:奢华羊绒女装和创新针织设计
2021/01/01 全球购物
逻辑链路控制协议
2016/10/01 面试题
小学班主任自我评价
2015/03/11 职场文书
2015年会计人员工作总结
2015/05/22 职场文书
奇妙的 CSS shapes(CSS图形)
2021/04/05 HTML / CSS
分享五个Node.js开发的优秀实践 
2022/04/07 NodeJs
Tomcat项目启动失败的原因和解决办法
2022/04/20 Servers