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 相关文章推荐
javascript自适应宽度的瀑布流实现思路
Feb 20 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
js图片预加载示例
Apr 30 Javascript
easyui Draggable组件实现拖动效果
Aug 19 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
JavaScript正则表达式匹配 div  style标签
Mar 15 Javascript
jquery UI Datepicker时间控件冲突问题解决
Dec 16 Javascript
js禁止浏览器的回退事件
Apr 20 Javascript
vue中子组件传递数据给父组件的讲解
Jan 27 Javascript
js实现图片局部放大效果详解
Mar 18 Javascript
Vue 实现点击空白处隐藏某节点的三种方式(指令、普通、遮罩)
Oct 23 Javascript
Javascript实现简易天数计算器
May 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获取网卡的MAC地址支持WIN/LINUX系统
2014/04/30 PHP
利用laravel搭建一个迷你博客实战教程
2017/08/13 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
关于Javascript 的 prototype问题。
2007/01/03 Javascript
js表数据排序 sort table data
2009/02/18 Javascript
定义JavaScript二维数组采用定义数组的数组来实现
2012/12/09 Javascript
javascript实现获取浏览器版本、操作系统类型
2015/01/29 Javascript
Jquery基础教程之DOM操作
2015/08/19 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
prototype框架中美元符号$用法分析
2016/01/22 Javascript
jquery.cookie.js实现用户登录保存密码功能的方法
2016/04/15 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
详解node.js 下载图片的 2 种方式
2018/03/02 Javascript
vue数据控制视图源码解析
2018/03/28 Javascript
通过JS运行机制的角度说说作用域
2019/03/12 Javascript
详解Vue项目引入CreateJS的方法(亲测可用)
2019/05/30 Javascript
jQuery实现tab栏切换效果
2020/12/22 jQuery
python通过yield实现数组全排列的方法
2015/03/18 Python
Python处理中文标点符号大集合
2018/05/14 Python
python调用摄像头显示图像的实例
2018/08/03 Python
python使用原始套接字发送二层包(链路层帧)的方法
2019/07/22 Python
Django 多表关联 存储 使用方法详解 ManyToManyField save
2019/08/09 Python
python设置代理和添加镜像源的方法
2020/02/14 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
2020/03/09 Python
Python pip使用超时问题解决方案
2020/08/03 Python
DRF使用simple JWT身份验证的实现
2021/01/14 Python
一款纯css3实现的tab选项卡的实列教程
2014/12/11 HTML / CSS
Koral官方网站:女性时尚运动服
2019/04/10 全球购物
产品销售员岗位职责
2013/12/18 职场文书
人力资源主管岗位职责
2014/01/29 职场文书
化妆师职业生涯规划书
2014/02/16 职场文书
小学生节约用水倡议书
2014/05/15 职场文书
学校群众路线专项整治方案
2014/10/31 职场文书
党员自我评价2015
2015/03/03 职场文书
frg-100简单操作(设置)说明
2022/04/05 无线电