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的Select选择框的华丽变身
Aug 23 Javascript
node.js适合游戏后台开发吗?
Sep 03 Javascript
BootStrap 智能表单实战系列(二)BootStrap支持的类型简介
Jun 13 Javascript
jQuery 调用WebService 实例讲解
Jun 28 Javascript
深入理解jquery中的each用法
Dec 14 Javascript
vue实现点击展开点击收起效果
Apr 27 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
用vue快速开发app的脚手架工具
Jun 11 Javascript
在vue项目中使用codemirror插件实现代码编辑器功能
Aug 27 Javascript
vue中使用rem布局代码详解
Oct 30 Javascript
JS算法教程之字符串去重与字符串反转
Dec 15 Javascript
微信小程序scroll-view不能左右滑动问题的解决方法
Jul 09 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下防止单引号,双引号在接受页面转义的设置方法
2008/09/25 PHP
WordPress主题中添加文章列表页页码导航的PHP代码实例
2015/12/22 PHP
利用php获得flv视频长度的实例代码
2017/10/26 PHP
jQuery之浮动窗口实现代码(两种方法)
2010/09/08 Javascript
jQuery实现淡入淡出二级下拉导航菜单的方法
2015/08/28 Javascript
jQuery使用$.each遍历json数组的简单实现方法
2016/04/18 Javascript
JS组件系列之Bootstrap table表格组件神器【终结篇】
2016/05/10 Javascript
D3.js实现折线图的方法详解
2016/09/21 Javascript
IONIC自定义subheader的最佳解决方案
2016/09/22 Javascript
angularjs实现的前端分页控件示例
2017/02/10 Javascript
Angular.JS中的指令引用template与指令当做属性详解
2017/03/30 Javascript
利用webstrom调试Vue.js单页面程序的方法教程
2017/06/06 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
2017/10/09 jQuery
javascript function(函数类型)使用与注意事项小结
2019/06/10 Javascript
VUE渲染后端返回含有script标签的html字符串示例
2019/10/28 Javascript
Python getopt模块处理命令行选项实例
2014/05/13 Python
Python文档生成工具pydoc使用介绍
2015/06/02 Python
python机器学习之神经网络实现
2018/10/13 Python
使用Python监视指定目录下文件变更的方法
2018/10/15 Python
pandas 数据归一化以及行删除例程的方法
2018/11/10 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
Python中的单下划线和双下划线使用场景详解
2019/09/09 Python
Python3 filecmp模块测试比较文件原理解析
2020/03/23 Python
CSS3转换功能transform主要属性值分析及实现分享
2012/05/06 HTML / CSS
html5清空画布方法(三种)
2017/10/16 HTML / CSS
澳大利亚时尚前卫设计师珠宝在线:Amber Sceats
2017/10/04 全球购物
英国领先品牌手动工具和电动工具供应商:Tooled Up
2018/11/24 全球购物
介绍一下MD5加密算法
2016/11/12 面试题
优质的学校老师推荐信
2013/10/28 职场文书
校本教研工作方案
2014/01/14 职场文书
大学运动会通讯稿
2014/01/28 职场文书
2015年校本培训工作总结
2015/07/24 职场文书
公司劳动纪律管理制度
2015/08/04 职场文书
2019七夕节祝福语36句,快来收藏吧
2019/08/06 职场文书
Python基础知识之变量的详解
2021/04/14 Python
jackson json序列化实现首字母大写,第二个字母需小写
2021/06/29 Java/Android