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脚本语言在网页中的简单应用
May 13 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
在Ajax中使用Flash实现跨域数据读取的实现方法
Dec 02 Javascript
jquery动态添加元素事件失效问题解决方法
May 23 Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 Javascript
原生js实现放大镜特效
Mar 08 Javascript
vue 使用eventBus实现同级组件的通讯
Mar 02 Javascript
Vue用v-for给src属性赋值的方法
Mar 03 Javascript
3分钟读懂移动端rem使用方法(推荐)
May 06 Javascript
JavaScript动态添加数据到表单并提交的几种方式
Jun 26 Javascript
详解Vue.js和layui日期控件冲突问题解决办法
Jul 25 Javascript
从表单校验看JavaScript策略模式的使用详解
Oct 17 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
PHP4实际应用经验篇(5)
2006/10/09 PHP
CodeIgniter配置之autoload.php自动加载用法分析
2016/01/20 PHP
PHP的Yii框架中过滤器相关的使用总结
2016/03/29 PHP
php禁用cookie后session设置方法分析
2016/10/19 PHP
PHP请求远程地址设置超时时间的解决方法
2016/10/29 PHP
php使用mysqli和pdo扩展,测试对比连接mysql数据库的效率完整示例
2019/05/09 PHP
JS 实现图片直接下载示例代码
2013/07/22 Javascript
Get中文乱码IE浏览器Get中文乱码解决方案
2013/12/26 Javascript
jquery sortable的拖动方法示例详解
2014/01/16 Javascript
最精简的JavaScript实现鼠标拖动效果的方法
2015/05/11 Javascript
jquery实现全屏滚动
2015/12/28 Javascript
js实现千分符和保留几位小数的简单实例
2016/08/01 Javascript
js实现文字选中分享功能
2017/01/25 Javascript
js/jquery控制页面动态加载数据 滑动滚动条自动加载事件的方法
2017/02/08 Javascript
微信小程序MUI侧滑导航菜单示例(Popup弹出式,左侧不动,右侧滑动)
2019/01/23 Javascript
node创建Vue项目步骤详解
2020/03/06 Javascript
vue-iview动态新增和删除的方法
2020/06/17 Javascript
python爬虫框架scrapy实战之爬取京东商城进阶篇
2017/04/24 Python
Python基于pandas实现json格式转换成dataframe的方法
2018/06/22 Python
Python实现繁?转为简体的方法示例
2018/12/18 Python
在Python中等距取出一个数组其中n个数的实现方式
2019/11/27 Python
解决pycharm上的jupyter notebook端口被占用问题
2019/12/17 Python
Django的CVB实例详解
2020/02/10 Python
通过自学python能找到工作吗
2020/06/21 Python
如何以Winsows Service方式运行JupyterLab
2020/08/30 Python
html5 canvas实现给图片添加平铺水印
2019/08/20 HTML / CSS
DHC美国官网:日本通信销售第一的化妆品品牌
2017/11/12 全球购物
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
医院节能减排方案
2014/06/13 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
运动会演讲稿50字
2014/08/25 职场文书
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
道歉的话怎么说
2015/05/12 职场文书
85句关于理想的名言警句大全
2019/08/22 职场文书
2019年大学生暑期社会实践调查报告模板
2019/11/07 职场文书
mysql自增长id用完了该怎么办
2022/02/12 MySQL