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 相关文章推荐
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 Javascript
jquery增加和删除元素的方法
Jan 14 Javascript
js实现登陆遮罩效果的方法
Jul 28 Javascript
Jqgrid之强大的表格插件应用
Dec 02 Javascript
全面解析Bootstrap中form、navbar的使用方法
May 30 Javascript
AngularJS基础 ng-keypress 指令简单示例
Aug 02 Javascript
jQuery表单元素过滤选择器用法实例分析
Feb 20 jQuery
微信小程序遍历Echarts图表实现多个饼图
Apr 25 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
jquery实现吸顶导航效果
Jan 08 jQuery
React倒计时功能实现代码——解耦通用
Sep 18 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系统流量分析的程序
2006/10/09 PHP
PHP 面向对象程序设计(oop)学习笔记 (五) - PHP 命名空间
2014/06/12 PHP
php中的ini配置原理详解
2014/10/14 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
Javascript客户端脚本的设计和应用
2006/08/21 Javascript
JS加ASP二级域名转向的代码
2007/05/17 Javascript
JS 自定义函数缺省值的设置方法
2010/05/05 Javascript
JQuery select标签操作代码段
2010/05/16 Javascript
jQuery EasyUI API 中文文档 - PropertyGrid属性表格
2011/11/18 Javascript
jQuery 中使用JSON的实现代码
2011/12/01 Javascript
Javascript实现DIV滚动自动滚动到底部的代码
2012/03/01 Javascript
移动Web中图片自适应的两种JavaScript解决方法
2015/06/18 Javascript
jQuery使用$.ajax进行即时验证实例详解
2015/12/11 Javascript
微信小程序动态的加载数据实例代码
2017/04/14 Javascript
JS实现简单的天数计算器完整实例
2017/04/28 Javascript
详解js模板引擎art template数组渲染的方法
2018/10/09 Javascript
小程序云开发之用户注册登录
2019/05/18 Javascript
Vue.js中该如何自己维护路由跳转记录
2019/05/19 Javascript
五分钟搞懂Vuex实用知识(小结)
2019/08/12 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
[00:56]2014DOTA2国际邀请赛 DK、iG 赛前探访
2014/07/10 DOTA
[42:34]VP vs VG 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
python Socket之客户端和服务端握手详解
2017/09/18 Python
python正则表达式面试题解答
2020/04/28 Python
python kmeans聚类简单介绍和实现代码
2018/02/23 Python
python基础教程项目四之新闻聚合
2018/04/02 Python
解决python Jupyter不能导入外部包问题
2020/04/15 Python
使用phonegap创建联系人的实现方法
2017/03/30 HTML / CSS
雅诗兰黛(Estee Lauder)英国官方网站:世界顶级化妆品牌
2016/12/29 全球购物
澳大利亚二手奢侈品网站:Modsie
2019/09/23 全球购物
中专生求职自荐信范文
2013/12/22 职场文书
《云雀的心愿》教学反思
2014/02/25 职场文书
爱国演讲稿400字
2014/05/07 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
2015年重阳节活动主持词
2015/07/30 职场文书
祝福语集锦:给妹妹结婚的祝福语
2019/12/18 职场文书