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 Sort 表格排序
Oct 31 Javascript
Js放到HTML文件中的哪个位置有什么区别
Aug 21 Javascript
jQuery调取jSon数据并展示的方法
Jan 29 Javascript
浅谈jquery回调函数callback的使用
Jan 30 Javascript
JQuery select(下拉框)操作方法汇总
Apr 15 Javascript
javascript每日必学之多态
Feb 23 Javascript
checkbox批量选中,获取选中项的值的简单实例
Jun 28 Javascript
微信小程序wx.getImageInfo()如何获取图片信息
Jan 26 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
May 15 Javascript
基于Vue 实现一个中规中矩loading组件
Apr 03 Javascript
JS实现的字符串数组去重功能小结
Jun 17 Javascript
JavaScript 对象创建的3种方法
Nov 17 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
PHPMyadmin 配置文件详解(配置)
2009/12/03 PHP
PHP+ajaxfileupload+jcrop插件完美实现头像上传剪裁
2014/06/09 PHP
解决tp5在nginx下修改配置访问的问题
2019/10/16 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
微博@符号的用户名提示效果。(想@到谁?)
2010/11/05 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
jquery常用特效方法使用示例
2014/04/25 Javascript
jQuery中Ajax的load方法详解
2015/01/14 Javascript
浅谈jquery事件处理
2015/04/24 Javascript
JQuery给select添加/删除节点的实现代码
2016/04/26 Javascript
jQuery实现的简单拖拽功能示例
2016/09/13 Javascript
浅谈javascript:两种注释,声明变量,定义函数
2016/10/05 Javascript
webpack 样式加载的实现原理
2018/06/12 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
微信小程序 点击切换样式scroll-view实现代码实例
2019/10/11 Javascript
在vue中封装的弹窗组件使用队列模式实现方法
2020/07/23 Javascript
[01:45]亚洲邀请赛互动指南虚拟物品介绍
2015/01/30 DOTA
[28:48]《真视界》- 2017年国际邀请赛
2017/09/27 DOTA
Python操作csv文件实例详解
2017/07/31 Python
Centos 升级到python3后pip 无法使用的解决方法
2018/06/12 Python
python实现批量注册网站用户的示例
2019/02/22 Python
python3调用windows dos命令的例子
2019/08/14 Python
Python flask框架端口失效解决方案
2020/06/04 Python
python从Oracle读取数据生成图表
2020/10/14 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
旅游管理本科生求职信
2013/10/14 职场文书
物业门卫岗位职责
2013/12/28 职场文书
《盲人摸象》教学反思
2014/02/16 职场文书
总经理秘书岗位职责
2014/03/17 职场文书
会计求职自荐信
2014/06/20 职场文书
出租车拒载检讨书
2015/01/28 职场文书
我的生日感言
2015/08/03 职场文书
离婚财产分割协议书
2015/08/11 职场文书
导游词之贵州织金洞
2019/10/12 职场文书
国产动画《万圣街》日语配音版制作决定!
2022/03/20 国漫
解决 redis 无法远程连接
2022/05/15 Redis