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 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
理解Javascript闭包
Nov 01 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
Node.js 数据加密传输浅析
Nov 16 Javascript
jQuery实现图片滑动效果
Mar 08 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
JS+canvas绘制的动态机械表动画效果
Sep 12 Javascript
微信小程序自定义可滑动顶部TabBar选项卡实现页面切换功能示例
May 14 Javascript
JS开发常用工具函数(小结)
Jul 04 Javascript
vue 实现路由跳转时更改页面title
Nov 05 Javascript
webpack4 optimization使用总结
Nov 10 Javascript
JavaScript实现音乐导航效果
Nov 19 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
星际争霸 Starcraft 编年史
2020/03/14 星际争霸
PHP小程序自动提交到自助友情连接
2009/11/24 PHP
如何阻止网站被恶意反向代理访问(防网站镜像)
2014/03/18 PHP
setAttribute 与 class冲突解决
2008/02/17 Javascript
js导出格式化的excel 实例方法
2013/07/17 Javascript
JS去除数组重复值的五种不同方法
2013/09/06 Javascript
css样式标签和js语法属性区别
2013/11/06 Javascript
JQuery的Ajax请求实现局部刷新的简单实例
2014/02/11 Javascript
用js判断输入是否为中文的函数
2014/03/10 Javascript
JavaScript使用indexOf获得子字符串在字符串中位置的方法
2015/04/06 Javascript
js实现文本框选中的方法
2015/05/26 Javascript
小白谈谈对JS原型链的理解
2016/05/03 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
2016/12/08 Javascript
Vue.js实现实例搜索应用功能详细代码
2017/08/24 Javascript
VueJs组件prop验证简单介绍
2017/09/12 Javascript
Node.js实现连接mysql数据库功能示例
2017/09/15 Javascript
详解js的作用域、预解析机制
2018/02/05 Javascript
在axios中使用params传参的时候传入数组的方法
2018/09/25 Javascript
AntV F2和vue-cli构建移动端可视化视图过程详解
2019/10/08 Javascript
小程序Scroll-view上拉滚动刷新数据
2020/06/21 Javascript
python处理json数据中的中文
2014/03/06 Python
有关wxpython pyqt内存占用问题分析
2014/06/09 Python
Python合并字符串的3种方法
2015/05/21 Python
浅谈Django REST Framework限速
2017/12/12 Python
python 去除二维数组/二维列表中的重复行方法
2019/01/23 Python
Python supervisor强大的进程管理工具的使用
2019/04/24 Python
Pycharm配置lua编译环境过程图解
2020/11/28 Python
洛杉矶生活休闲而精致的基础品牌:Mika Jaymes
2018/01/07 全球购物
StubHub希腊:购买体育赛事、音乐会和剧院门票
2019/08/03 全球购物
速卖通欧盟:Aliexpress EU
2020/08/19 全球购物
工作违纪检讨书
2014/02/17 职场文书
2014年工程工作总结
2014/11/25 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书
初中历史教学反思
2016/02/19 职场文书
适合毕业生创业的项目怎么找?
2019/08/08 职场文书
Golang Web 框架Iris安装部署
2022/08/14 Python