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 相关文章推荐
js中的onchange和onpropertychange (onchange无效的解决方法)
Mar 08 Javascript
js实现两点之间画线的方法
May 12 Javascript
node.js调用C++开发的模块实例
Jul 03 Javascript
JS实现自动切换文字的导航效果代码
Aug 27 Javascript
jquery实现触发时更新下拉列表内容的方法
Dec 02 Javascript
使用jquery如何获取时间
Oct 13 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
vue快捷键与基础指令详解
Jun 01 Javascript
理解javascript async的用法
Aug 22 Javascript
AngularJS使用ui-route实现多层嵌套路由的示例
Jan 10 Javascript
layui table 参数设置方法
Aug 14 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 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生成随机颜色的方法
2014/11/13 PHP
php获取QQ头像并显示的方法
2014/12/23 PHP
typecho插件编写教程(五):核心代码
2015/05/28 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
微信网页授权(OAuth2.0) PHP 源码简单实现
2016/08/29 PHP
thinkphp3.2实现在线留言提交验证码功能
2017/07/19 PHP
用javascript做拖动布局的思路
2008/05/31 Javascript
JavaScript监测ActiveX控件是否已经安装过的代码
2008/09/02 Javascript
在html页面上拖放移动标签
2010/01/08 Javascript
javascript日期格式化方法汇总
2015/10/04 Javascript
javascript实现数字倒计时特效
2016/03/30 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
JS完成画圆圈的小球
2017/03/07 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
Vue.js 2.x之组件的定义和注册图文详解
2018/06/19 Javascript
AngularJS实现与后台服务器进行交互的示例讲解
2018/08/13 Javascript
vue中img src 动态加载本地json的图片路径写法
2019/04/25 Javascript
用webpack4开发小程序的实现方法
2019/06/04 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
[10:34]DOTA2上海特级锦标赛全纪录
2016/03/25 DOTA
深入了解Python iter() 方法的用法
2019/07/11 Python
Servlet方面面试题
2016/09/28 面试题
大学生专业个人学习的自我评价
2013/10/26 职场文书
优秀经理事迹材料
2014/02/01 职场文书
电焊工工作岗位职责
2014/02/06 职场文书
《小池塘》教学反思
2014/02/28 职场文书
梅花魂教学反思
2014/04/25 职场文书
质量月口号
2014/06/20 职场文书
欢度春节标语
2014/07/01 职场文书
2014年医院党建工作总结
2014/12/20 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
酒会开场白大全
2015/06/01 职场文书
2016年感恩父亲节活动总结
2016/04/01 职场文书
MySQL中distinct和count(*)的使用方法比较
2021/05/26 MySQL
Nginx安装配置详解
2022/06/25 Servers