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 表格排序和表头浮动效果(扩展SortTable)
Apr 07 Javascript
jquery select选中的一个小问题
Oct 11 Javascript
再说AutoComplete自动补全之实现原理
Nov 05 Javascript
5个可以帮你理解JavaScript核心闭包和作用域的小例子
Oct 08 Javascript
JavaScript事件委托实例分析
May 26 Javascript
javascript实现数字倒计时特效
Mar 30 Javascript
three.js实现3D影院的原理的代码分析
Dec 18 Javascript
select标签设置默认选中的选项方法
Mar 02 Javascript
利用Promise自定义一个GET请求的函数示例代码
Mar 20 Javascript
js实现3D照片墙效果
Oct 28 Javascript
详解为什么Vue中不要用index作为key(diff算法)
Apr 04 Javascript
小程序Scroll-view上拉滚动刷新数据
Jun 21 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模拟asp中的XmlHttpRequest实现http请求的代码
2011/03/24 PHP
php 批量添加多行文本框textarea一行一个
2014/06/03 PHP
兼容PHP和Java的des加密解密代码分享
2014/06/26 PHP
php提交过来的数据生成为txt文件
2016/04/28 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
Laravel框架运行出错提示RuntimeException No application encryption key has been specified.解决方法
2019/04/02 PHP
PHP使用POP3读取邮箱接收邮件的示例代码
2020/07/08 PHP
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
javascript对select标签的控制(option选项/select)
2013/01/31 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
jQuery的3种请求方式$.post,$.get,$.getJSON
2014/03/28 Javascript
js实现网页右上角滑出会自动消失大幅广告的方法
2015/02/27 Javascript
jQuery hover事件简单实现同时绑定2个方法
2016/06/07 Javascript
Node+Express+MongoDB实现登录注册功能实例
2017/04/23 Javascript
JavaScript初学者必看“new”
2017/06/12 Javascript
vue 实现复制内容到粘贴板clipboard的方法
2018/03/17 Javascript
详解JavaScript的BUG和错误
2018/05/07 Javascript
jQuery Raty星级评分插件使用方法实例分析
2019/11/25 jQuery
原生JS实现无缝轮播图片
2020/06/24 Javascript
[03:09]2014DOTA2国际邀请赛 赛场上的美丽风景线 中国Coser也爱DOTA2
2014/07/20 DOTA
Python数据结构之顺序表的实现代码示例
2017/11/15 Python
python lambda函数及三个常用的高阶函数
2020/02/05 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
Python 实现微信自动回复的方法
2020/09/11 Python
荟萃全球保健品:维他购
2018/05/09 全球购物
国际奢侈品品牌童装购物网站:Designer Childrenswear
2019/05/08 全球购物
Zatchels官网:英国剑桥包品牌
2021/01/12 全球购物
说说在weblogic中开发消息Bean时的persistent与non-persisten的差别
2013/04/07 面试题
国贸专业大学生职业生涯规划范文
2014/01/10 职场文书
义务教育学校标准化建设汇报材料
2014/08/16 职场文书
党员查摆问题及整改措施
2014/10/10 职场文书
普通党员个人整改措施
2014/10/27 职场文书
毕业生政审意见范文
2015/06/04 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
pandas取dataframe特定行列的实现方法
2021/05/24 Python
vue中 this.$set的使用详解
2021/11/17 Vue.js