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生成json的函数代码(可以用php的json_decode解码)
Jun 11 Javascript
JQuery切换显示的效果实例代码
Feb 27 Javascript
基于jquery插件制作左右按钮与标题文字图片切换效果
Nov 07 Javascript
jQuery制作简洁的多级联动Select下拉框
Dec 23 Javascript
js基于cookie方式记住返回页面用法示例
May 27 Javascript
BootStrap初学者对弹出框和进度条的使用感觉
Jun 27 Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 Javascript
CSS3结合jQuery实现动画效果及回调函数的实例
Dec 27 jQuery
微信小程序将字符串生成二维码图片的操作方法
Jul 17 Javascript
vue的列表交错过渡实现代码示例
May 05 Javascript
es6 for循环中let和var区别详解
Jan 12 Javascript
JS script脚本中async和defer区别详解
Jun 24 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 var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
swoole和websocket简单聊天室开发
2017/11/18 PHP
Add a Table to a Word Document
2007/06/15 Javascript
scrollWidth,clientWidth,offsetWidth的区别
2015/01/13 Javascript
javascript 动态创建表格的2种方法总结
2015/03/04 Javascript
jquery超简单实现手风琴效果的方法
2015/06/05 Javascript
解决VUE双向绑定失效的问题
2019/10/29 Javascript
Javascript执行上下文顺序的深入讲解
2020/11/04 Javascript
Vue使用Proxy代理后仍无法生效的解决
2020/11/13 Javascript
python的dict,set,list,tuple应用详解
2014/07/24 Python
PHP网页抓取之抓取百度贴吧邮箱数据代码分享
2016/04/13 Python
python opencv 直方图反向投影的方法
2018/02/24 Python
Python基于递归和非递归算法求两个数最大公约数、最小公倍数示例
2018/05/21 Python
对matplotlib改变colorbar位置和方向的方法详解
2018/12/13 Python
解决.ui文件生成的.py文件运行不出现界面的方法
2019/06/19 Python
Python空间数据处理之GDAL读写遥感图像
2019/08/01 Python
python实现简易学生信息管理系统
2020/04/05 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
利用Pytorch实现简单的线性回归算法
2020/01/15 Python
tensorboard显示空白的解决
2020/02/15 Python
jupyter修改文件名方式(TensorFlow)
2020/04/21 Python
python Canny边缘检测算法的实现
2020/04/24 Python
python_matplotlib改变横坐标和纵坐标上的刻度(ticks)方式
2020/05/16 Python
学python最电脑配置有要求么
2020/07/05 Python
伦敦高级内衣品牌:Agent Provocateur(大内密探)
2016/08/23 全球购物
简述进程的启动、终止的方式以及如何进行进程的查看
2013/07/12 面试题
大学生涯自我鉴定
2014/01/16 职场文书
企业演讲比赛主持词
2014/03/18 职场文书
《荷花》教学反思
2014/04/16 职场文书
2014年远程教育工作总结
2014/12/09 职场文书
大二学年个人总结
2015/03/03 职场文书
行政人事主管岗位职责
2015/04/11 职场文书
特此通知格式
2015/04/27 职场文书
小学作文指导之如何写人?
2019/07/08 职场文书
Mysql中 unique列插入重复值该怎么解决呢
2021/05/26 MySQL