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 相关文章推荐
纯CSS打造的导航菜单(附jquery版)
Aug 07 Javascript
JS限制上传图片大小不使用控件在本地实现
Dec 19 Javascript
基于jquery的has()方法以及与find()方法以及filter()方法的区别详解
Apr 26 Javascript
javascript静态页面传值的三种方法分享
Nov 12 Javascript
JavaScript的History API使搜索引擎抓取AJAX内容
Dec 07 Javascript
使用Curl命令查看请求响应时间方法
Nov 04 Javascript
Jquery Easyui进度条组件Progress使用详解(8)
Mar 26 Javascript
JavaScript实现两个select下拉框选项左移右移
Mar 09 Javascript
Vue 中的compile操作方法
Feb 26 Javascript
基于Webpack4和React hooks搭建项目的方法
Feb 05 Javascript
利用Node.js如何实现文件循环覆写
Apr 05 Javascript
jQuery实现视频展示效果
May 30 jQuery
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
什么是短波收听SWL
2021/03/01 无线电
PHP与javascript对多项选择的处理
2006/10/09 PHP
PHP 采集获取指定网址的内容
2010/01/05 PHP
PHP函数按引用传递参数及函数可选参数用法示例
2018/06/04 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
PHP tp5中使用原生sql查询代码实例
2020/10/28 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
js向上无缝滚动,网站公告效果 具体代码
2013/11/18 Javascript
jquery mobile的触控点击事件会多次触发问题的解决方法
2014/05/08 Javascript
js实现鼠标悬浮给图片加边框的方法
2015/01/30 Javascript
Javascript 计算字符串在localStorage中所占字节数
2015/10/21 Javascript
Javascript复制实例详解
2016/01/28 Javascript
Windows 系统下设置Nodejs NPM全局路径
2016/04/26 NodeJs
jQuery图片切换动画效果
2017/02/28 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
2017/07/05 Javascript
AngularJS实现的select二级联动下拉菜单功能示例
2017/10/25 Javascript
javascript+jQuery实现360开机时间显示效果
2017/11/03 jQuery
vue better scroll 无法滚动的解决方法
2018/06/07 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
JavaScript如何操作css
2020/10/24 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
Python求导数的方法
2015/05/09 Python
Pandas读取MySQL数据到DataFrame的方法
2018/07/25 Python
python 字典修改键(key)的几种方法
2018/08/10 Python
python之Flask实现简单登录功能的示例代码
2018/12/24 Python
PyQt5响应回车事件的方法
2019/06/25 Python
详解用pyecharts Geo实现动态数据热力图城市找不到问题解决
2019/06/26 Python
Django 博客实现简单的全文搜索的示例代码
2020/02/17 Python
什么是python的自省
2020/06/21 Python
pycharm最新激活码有效期至2100年(亲测可用)
2021/02/05 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
欧洲最大的婴幼儿服装及内衣公司:Petit Bateau(小帆船)
2016/08/16 全球购物
天猫超市:阿里巴巴打造的网上超市
2016/11/02 全球购物
四个太阳教学反思
2014/02/01 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
六种css3实现的边框过渡效果
2021/04/22 HTML / CSS