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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
Wordpress ThickBox 添加“查看原图”效果代码
Dec 11 Javascript
js获取指定日期周数以及星期几的小例子
Jun 27 Javascript
Javascript的this用法
Jan 16 Javascript
Bootstrap Table使用整理(二)
Jun 09 Javascript
vue-awesome-swiper滑块插件使用方法详解
Nov 27 Javascript
VueJs监听window.resize方法示例
Jan 17 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
jQuery实现使用sort方法对json数据排序的方法
Apr 17 jQuery
JavaScript设计模式之建造者模式实例教程
Jul 02 Javascript
jQuery+PHP+Ajax实现动态数字统计展示功能
Dec 25 jQuery
微信小程序 button样式设置为图片的方法
Jun 19 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
mysql5的sql文件导入到mysql4的方法
2008/10/19 PHP
thinkphp微信开发(消息加密解密)
2015/12/02 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
laravel5.4利用163邮箱发送邮件的步骤详解
2017/09/22 PHP
PHP常见数组排序方法小结
2018/08/20 PHP
把textarea中字符串里含有的回车换行替换成<br>的javascript代码
2007/04/20 Javascript
js字符串转换成xml对象并使用技巧解读
2013/04/18 Javascript
在JavaScript中实现类的方式探讨
2013/08/28 Javascript
可选择和输入的下拉列表框示例
2013/11/05 Javascript
轻松创建nodejs服务器(6):作出响应
2014/12/18 NodeJs
javascript+canvas实现刮刮卡抽奖效果
2015/07/29 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
2016/01/03 Javascript
JS两个数组比较,删除重复值的巧妙方法(推荐)
2016/06/03 Javascript
微信小程序 引入es6 promise
2017/04/12 Javascript
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
JavaScript 斐波那契数列 倒序输出 输出100以内的质数代码实例
2019/09/11 Javascript
js实现AI五子棋人机大战
2020/05/28 Javascript
查找Vue中下标的操作(some和findindex)
2020/08/12 Javascript
[01:38]完美世界高校联赛决赛花絮
2018/12/02 DOTA
Python和php通信乱码问题解决方法
2014/04/15 Python
Anaconda2下实现Python2.7和Python3.5的共存方法
2018/06/11 Python
python实现从pdf文件中提取文本,并自动翻译的方法
2018/11/28 Python
django-初始配置(纯手写)详解
2019/07/30 Python
Python如何将将模块分割成多个文件
2020/08/04 Python
python绘制高斯曲线
2021/02/19 Python
美国体育用品商店:Paragon Sports
2017/10/08 全球购物
DOUGLAS荷兰:购买香水和化妆品
2020/10/24 全球购物
PHP中如何使用Cookie
2015/10/28 面试题
书法比赛获奖感言
2014/02/10 职场文书
《他得的红圈圈最多》教学反思
2014/04/24 职场文书
小学学校门卫岗位职责
2014/08/03 职场文书
群众对十八届四中全会的期盼
2014/10/17 职场文书
2014年村委会工作总结
2014/11/24 职场文书
个人事迹材料怎么写
2014/12/30 职场文书
财务出纳岗位职责
2015/03/31 职场文书
团干部培训班心得体会
2016/01/06 职场文书