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 相关文章推荐
使用phantomjs进行网页抓取的实现代码
Sep 29 Javascript
js实现编辑div节点名称的方法
Dec 17 Javascript
详解AngularJS中的作用域
Jun 17 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
Dec 26 Javascript
Angular中实现树形结构视图实例代码
May 05 Javascript
Vue.js组件通信的几种姿势
Oct 23 Javascript
细说webpack源码之compile流程-rules参数处理技巧(2)
Dec 26 Javascript
JS常见构造模式实例对比分析
Aug 27 Javascript
Vue中多个元素、组件的过渡及列表过渡的方法示例
Feb 13 Javascript
Vue路由之JWT身份认证的实现方法
Aug 26 Javascript
node.js处理前端提交的GET请求
Aug 30 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
DC的38部超级英雄动画电影
2020/03/03 欧美动漫
在php中取得image按钮传递的name值
2006/10/09 PHP
php安全配置 如何配置使其更安全
2011/12/16 PHP
PHP实现检测客户端是否使用代理服务器及其匿名级别
2015/01/07 PHP
在laravel框架中实现封装公共方法全局调用
2019/10/14 PHP
可以文本显示的公告栏的js代码
2007/03/11 Javascript
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
jquery form表单序列化为对象的示例代码
2014/03/05 Javascript
捕获和分析JavaScript Error的方法
2014/03/25 Javascript
基于jQuery实现左右图片轮播(原理通用)
2015/12/24 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
2016/08/18 Javascript
AngularJS中$http服务常用的应用及参数
2016/08/22 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
layer实现关闭弹出层刷新父界面功能详解
2017/11/15 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
用react-redux实现react组件之间数据共享的方法
2018/06/08 Javascript
关于RxJS Subject的学习笔记
2018/12/05 Javascript
python获取指定路径下所有指定后缀文件的方法
2015/05/26 Python
python 时间戳与格式化时间的转化实现代码
2016/03/23 Python
python构建自定义回调函数详解
2017/06/20 Python
python中hashlib模块用法示例
2017/10/30 Python
python利用rsa库做公钥解密的方法教程
2017/12/10 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
django 使用 request 获取浏览器发送的参数示例代码
2018/06/11 Python
使用python判断你是青少年还是老年人
2018/11/29 Python
python实现回旋矩阵方式(旋转矩阵)
2019/12/04 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
日本最新流行服饰网购:Nissen
2016/07/24 全球购物
英国领先的独立时装店:Van Mildert
2019/10/28 全球购物
查询优化的一般准则有哪些
2015/03/08 面试题
三维科技面试题
2013/07/27 面试题
实习教师自我鉴定
2013/12/12 职场文书
超市促销活动总结
2014/07/01 职场文书
2014年党员干部四风问题自我剖析材料
2014/09/29 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
淡雅古典唯美少女娇媚宁静迷人写真
2022/03/21 杂记