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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
JavaScript中的typeof操作符用法实例
Apr 05 Javascript
node.js实现多图片上传实例
Jun 03 Javascript
jQuery中:gt选择器用法实例
Dec 29 Javascript
jQuery实现伪分页的方法分享
Feb 17 Javascript
js实现html table 行,列锁定的简单实例
Oct 13 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
jQuery的Read()方法代替原生JS详解
Nov 08 Javascript
ES6中Math对象的部分扩展
Feb 20 Javascript
swiper动态改变滑动内容的实现方法
Jan 17 Javascript
ES6基础之解构赋值(destructuring assignment)
Feb 21 Javascript
利用JavaScript的Map提升性能的方法详解
Aug 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 Hash函数,增强密码安全
2011/02/25 PHP
php生成固定长度纯数字编码的方法
2015/07/09 PHP
filemanage功能中用到的lib.js
2007/04/08 Javascript
javascript动态添加表格数据行(ASP后台数据库保存例子)
2010/05/08 Javascript
腾讯的ip接口 方便获取当前用户的ip地理位置
2010/11/25 Javascript
javascript检查表单数据是否改变的方法
2013/07/30 Javascript
7个JS基础知识总结
2014/03/05 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
Jquery动态添加及删除页面节点元素示例代码
2014/06/16 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
jQueryUI中的datepicker使用方法详解
2016/05/25 Javascript
Javascript 动态改变imput type属性
2016/11/01 Javascript
JavaScript中清空数组的三种方式
2017/03/22 Javascript
nodejs使用http模块发送get与post请求的方法示例
2018/01/08 NodeJs
Python内置的字符串处理函数详细整理(覆盖日常所用)
2014/08/19 Python
python实现批量改文件名称的方法
2015/05/25 Python
Python+树莓派+YOLO打造一款人工智能照相机
2018/01/02 Python
Python进阶之全面解读高级特性之切片
2019/02/19 Python
python应用文件读取与登录注册功能
2019/09/23 Python
pygame实现成语填空游戏
2019/10/29 Python
PyCharm下载和安装详细步骤
2019/12/17 Python
python和node.js生成当前时间戳的示例
2020/09/29 Python
Python爬取微信小程序通用方法代码实例详解
2020/09/29 Python
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
华为慧通笔试题
2016/04/22 面试题
VC++笔试题
2014/10/13 面试题
廉洁使者实施方案
2014/03/29 职场文书
村抢险救灾方案
2014/05/09 职场文书
公开承诺书格式
2014/05/21 职场文书
2014年企业员工工作总结
2014/12/09 职场文书
上课睡觉万能检讨书
2015/02/17 职场文书
一篇文章带你搞懂Python类的相关知识
2021/05/20 Python
CSS基础详解
2021/10/16 HTML / CSS
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js