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里的each使用方法详解
Dec 22 Javascript
js播放wav文件(源码)
Apr 22 Javascript
JS脚本defer的作用示例介绍
Jan 02 Javascript
Js中使用hasOwnProperty方法检索ajax响应对象的例子
Dec 08 Javascript
Express实现前端后端通信上传图片之存储数据库(mysql)傻瓜式教程(一)
Dec 10 Javascript
在线引用最新jquery文件的实现方法
Aug 26 Javascript
详解前端自动化工具gulp自动添加版本号
Dec 20 Javascript
Javascript 实现全屏滚动实例代码
Dec 31 Javascript
jQuery实现淡入淡出的模态框
Feb 09 Javascript
详解ECMAScript6入门--Class对象
Apr 27 Javascript
js闭包学习心得总结
Apr 17 Javascript
使用JavaScript生成罗马字符的实例代码
Jun 08 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 && 逻辑与运算符使用说明
2010/03/04 PHP
php支付宝接口用法分析
2015/01/04 PHP
Laravel5.4简单实现app接口Api Token认证方法
2019/08/29 PHP
laravel Task Scheduling(任务调度)在windows下的使用详解
2019/10/22 PHP
php 中self,this的区别和操作方法实例分析
2019/11/04 PHP
js切换光标示例代码
2013/10/10 Javascript
Google Maps API地图应用示例分享
2014/10/23 Javascript
jQuery中:first-child选择器用法实例
2014/12/31 Javascript
简述AngularJS相关的一些编程思想
2015/06/23 Javascript
详解JavaScript中的4种类型识别方法
2015/09/14 Javascript
基于javascript实现漂亮的页面过渡动画效果附源码下载
2015/10/26 Javascript
BootStrap响应式导航条实例介绍
2016/05/06 Javascript
JS中关于事件处理函数名后面是否带括号的问题
2016/11/16 Javascript
JS实用的带停顿的逐行文本循环滚动效果实例
2016/11/23 Javascript
微信小程序开发之Tabbar实例详解
2017/01/09 Javascript
js仿搜狐视频记录片列表展示效果
2020/05/30 Javascript
js 判断数据类型的几种方法
2017/01/13 Javascript
[03:43]TI9战队采访——PSG.LGD
2019/08/22 DOTA
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
Python各类图像库的图片读写方式总结(推荐)
2018/02/23 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
Python3 实现爬取网站下所有URL方式
2020/01/16 Python
html5开发三八女王节表白神器
2018/03/07 HTML / CSS
Perfume’s Club法国站:购买香水和化妆品
2019/05/02 全球购物
英国Flybe航空官网:欧洲最大的独立支线廉价航空公司
2019/07/15 全球购物
报关简历自我评价怎么写
2013/09/19 职场文书
服装销售人员求职自我评价
2013/09/26 职场文书
师生聚会感言
2014/01/26 职场文书
岳庙导游词
2015/02/04 职场文书
离婚答辩状范文
2015/05/22 职场文书
小学六年级毕业感言
2015/07/30 职场文书
毕业感言怎么写
2015/07/31 职场文书
学校2016年圣诞节活动总结
2016/03/31 职场文书
Nginx反爬虫策略,防止UA抓取网站
2021/03/31 Servers
pytorch中的 .view()函数的用法介绍
2022/03/17 Python
Spring this调用当前类方法无法拦截的示例代码
2022/03/20 Java/Android