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 相关文章推荐
了解jQuery技巧来提高你的代码
Jan 08 Javascript
js中的referrer返回上一页使用介绍
Sep 26 Javascript
js与jquery获取父级元素,子级元素,兄弟元素的实现方法
Jan 09 Javascript
JavaScript闭包函数访问外部变量的方法
Aug 27 Javascript
JavaScript获取图片真实大小代码实例
Sep 24 Javascript
js中for in语句的用法讲解
Apr 24 Javascript
jquery实现浮动在网页右下角的彩票开奖公告窗口代码
Sep 04 Javascript
深入解析JavaScript中的立即执行函数
May 21 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
js css自定义分页效果
Feb 24 Javascript
Vue 中mixin 的用法详解
Apr 23 Javascript
angular.js实现列表orderby排序的方法
Oct 02 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 广告调用类代码(支持Flash调用)
2011/08/11 PHP
邮箱正则表达式实现代码(针对php)
2013/06/21 PHP
简单实用的网站PHP缓存类实例
2014/07/18 PHP
PHP图片处理之使用imagecopyresampled函数实现图片缩放例子
2014/11/19 PHP
PHP实现清除MySQL死连接的方法
2016/07/23 PHP
遍历echsop的region表形成缓存的程序实例代码
2016/11/01 PHP
PHP将字符串首字母大小写转换的实例
2017/01/21 PHP
ThinkPHP中类的构造函数_construct()与_initialize()的区别详解
2017/03/13 PHP
wordpress之js库集合研究介绍
2007/08/17 Javascript
一个小型js框架myJSFrame附API使用帮助
2008/06/28 Javascript
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
Jquery中删除元素的实现代码
2011/12/29 Javascript
jQuery学习笔记之总体架构
2014/06/03 Javascript
Bootstrap carousel轮转图的使用实例详解
2016/05/17 Javascript
jquery实现自定义图片裁剪功能【推荐】
2017/03/08 Javascript
Bootstrap笔记—折叠实例代码
2017/03/13 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
基于Vue2.X的路由和钩子函数详解
2018/02/09 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
jquery实现点击弹出对话框
2020/02/08 jQuery
[02:11]2014DOTA2 TI专访VG战队Fenrir:队伍气氛良好
2014/07/11 DOTA
[00:55]深扒TI7聊天轮盘语音出处3
2017/05/11 DOTA
python常见的格式化输出小结
2016/12/15 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Python第三方Window模块文件的几种安装方法
2018/11/22 Python
浅谈关于html5中图片抛物线运动的一些心得
2018/01/09 HTML / CSS
设计师珠宝:Ylang 23
2018/05/11 全球购物
上课打牌的检讨书
2014/02/15 职场文书
监察建议书格式
2014/05/19 职场文书
员工试用期自我鉴定范文
2014/09/15 职场文书
居委会四风问题个人对照检查材料
2014/09/25 职场文书
自愿离婚协议书范文2014
2014/10/12 职场文书
解除同居协议书
2015/01/29 职场文书
公务员政审个人总结
2015/02/12 职场文书
2015年综治宣传月活动总结
2015/03/25 职场文书
python ConfigParser库的使用及遇到的坑
2022/02/12 Python