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 相关文章推荐
JQuery 绑定事件时传递参数的实现方法
Oct 13 Javascript
JQuery里选择超链接的实现代码
May 22 Javascript
jquery 倒计时效果实现秒杀思路
Sep 11 Javascript
js中一个函数获取另一个函数返回值问题探讨
Nov 21 Javascript
javascript移出节点removeChild()使用介绍
Apr 03 Javascript
js动态控制table的tr、td增加及删除的具体实现
Apr 30 Javascript
如何使用headjs来管理和异步加载js
Nov 29 Javascript
微信小程序 下拉菜单简单实例
Apr 13 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 Javascript
解决angularJS中input标签的ng-change事件无效问题
Sep 13 Javascript
js canvas实现5张图片合成一张图片
Jul 15 Javascript
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
Nov 14 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中处理模拟rewrite 效果
2006/12/09 PHP
30个php操作redis常用方法代码例子
2014/07/05 PHP
php通过array_merge()函数合并关联和非关联数组的方法
2015/03/18 PHP
php实现支持中文的文件下载功能示例
2017/08/30 PHP
浅析PHP中json_encode与json_decode的区别
2020/07/15 PHP
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
jquery 添加节点的几种方法介绍
2013/09/04 Javascript
jquery判断浏览器后退时候弹出消息的方法
2014/08/11 Javascript
jQuery模拟新浪微博首页滚动效果的方法
2015/03/11 Javascript
javascript删除元素节点removeChild()用法实例
2015/05/26 Javascript
jquery 动态增加删除行的简单实例(推荐)
2016/10/12 Javascript
jQuery的ready方法实现原理分析
2016/10/26 Javascript
jQuery绑定事件的四种方式介绍
2016/10/31 Javascript
jquery,js简单实现类似Angular.js双向绑定
2017/01/13 Javascript
jQuery模拟淘宝购物车功能
2017/02/27 Javascript
深入浅析Node.js单线程模型
2017/07/10 Javascript
使用element-ui table expand展开行实现手风琴效果
2019/03/15 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
hmac模块生成加入了密钥的消息摘要详解
2018/01/11 Python
python实现闹钟定时播放音乐功能
2018/01/25 Python
python调用java的jar包方法
2018/12/15 Python
Python使用进程Process模块管理资源
2020/03/05 Python
详解基于python的全局与局部序列比对的实现(DNA)
2020/10/07 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
Html5 Geolocation获取地理位置信息实例
2016/12/09 HTML / CSS
英国知名衬衫品牌美国网站:Charles Tyrwhitt美国
2016/08/28 全球购物
MADE法国:提供原创设计师家具
2018/09/18 全球购物
初级Java程序员面试题
2016/03/03 面试题
销售找工作求职信
2013/12/20 职场文书
网上快餐厅创业计划书
2014/02/01 职场文书
实习护士自荐信
2014/06/21 职场文书
1000字打架检讨书
2014/11/03 职场文书
《自然之道》读后感3篇
2019/12/17 职场文书
PyQt5实现多张图片显示并滚动
2021/06/11 Python
python 安全地删除列表元素的方法
2022/03/16 Python
Android Flutter实现图片滑动切换效果
2022/04/07 Java/Android