Javascript日期格式化format函数的使用方法


Posted in Javascript onAugust 30, 2016

前言

Javascript日期格式化在日常开发中还是挺常见的,那么下面就给大家分享Javascript时间格式format函数的两种使用方法示例,一起来看看。

方法一

Date.prototype.pattern=function(fmt) {  
 var o = {  
 "M+" : this.getMonth()+1, //月份  
 "d+" : this.getDate(), //日  
 "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时  
 "H+" : this.getHours(), //小时  
 "m+" : this.getMinutes(), //分  
 "s+" : this.getSeconds(), //秒  
 "q+" : Math.floor((this.getMonth()+3)/3), //季度  
 "S" : this.getMilliseconds() //毫秒  
 };  
 var week = {  
 "0" : "/u65e5",  
 "1" : "/u4e00",  
 "2" : "/u4e8c",  
 "3" : "/u4e09",  
 "4" : "/u56db",  
 "5" : "/u4e94",  
 "6" : "/u516d" 
 };  
 if(/(y+)/.test(fmt)){  
 fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));  
 }  
 if(/(E+)/.test(fmt)){  
 fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);  
 }  
 for(var k in o){  
 if(new RegExp("("+ k +")").test(fmt)){  
  fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
 }  
 }  
 return fmt;  
}

调用方法

var date = new Date(); 
window.alert(date.pattern("yyyy-MM-dd hh:mm:ss"));

方法二:

// 对Date的扩展,将 Date 转化为指定格式的String
// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符, 
// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字) 
// 例子: 
// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:09:04.423 
// (new Date()).Format("yyyy-M-d h:m:s.S") ==> 2006-7-2 8:9:4.18 
Date.prototype.Format = function (fmt) { 
 var o = {
 "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+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
 for (var k in o)
 if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
 return fmt;
}

调用方法:

var haorooms1 = new Date().Format("yyyy-MM-dd");

 var haorooms2= new Date().Format("yyyy-MM-dd hh:mm:ss");

 alert(haorooms1 ); alert(haorooms2);

总结

以上就是这篇文章的全部内容,上面两种方法来源于网络,经过验证测试都是可以用的,也比较方便,大家在使用的时候,可以将其进行封装,在你的函数中,直接调用就可以了,这两种时间格式化函数方法还是比较好的!希望对大家的学习或者工作能带来帮助。如果有疑问可以留言交流。

Javascript 相关文章推荐
js获取IFRAME当前的URL的方法
Nov 13 Javascript
javascript模拟php函数in_array
Apr 27 Javascript
实例代码详解jquery.slides.js
Nov 16 Javascript
浅谈JS之tagNaem和nodeName
Sep 13 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
jQuery is not defined 错误原因与解决方法小结
Mar 19 Javascript
JavaScript运动框架 解决速度正负取整问题(一)
May 17 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
Vue指令指令大全
Feb 09 Javascript
基于vue开发微信小程序mpvue-docs跳转页面功能
Apr 10 Javascript
Javascript Dom元素获取和添加详解
Sep 24 Javascript
layer 关闭指定弹出层的例子
Sep 25 Javascript
浅析ES6的八进制与二进制整数字面量
Aug 30 #Javascript
AngularJS轻松实现双击排序的功能
Aug 30 #Javascript
jQuery simpleModal插件的使用介绍
Aug 30 #Javascript
Angular懒加载机制刷新后无法回退的快速解决方法
Aug 30 #Javascript
AngularJS 实现弹性盒子布局的方法
Aug 30 #Javascript
浅谈javascript中的Function和Arguments
Aug 30 #Javascript
javascript 中的console.log和弹出窗口alert
Aug 30 #Javascript
You might like
PHP+Tidy-完美的XHTML纠错+过滤
2007/04/10 PHP
php 获取本机外网/公网IP的代码
2010/05/09 PHP
PHP 日,周,月点击排行统计
2012/01/11 PHP
PHP开发框架Laravel数据库操作方法总结
2014/09/03 PHP
ThinkPHP 404页面的设置方法
2015/01/14 PHP
Smarty模板变量与调节器实例详解
2019/07/20 PHP
JS跨域总结
2012/08/30 Javascript
js 限制input只能输入数字、字母和汉字等等
2013/12/18 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
JavaScript实现穷举排列(permutation)算法谜题解答
2014/12/29 Javascript
EasyUI学习之Combobox下拉列表(1)
2016/12/29 Javascript
JavaScript实现的XML与JSON互转功能详解
2017/02/16 Javascript
js以及jquery实现手风琴效果
2020/04/17 Javascript
Angular开发者指南之入门介绍
2017/03/05 Javascript
详解Vue如何支持JSX语法
2017/11/10 Javascript
使用JavaScript生成罗马字符的实例代码
2018/06/08 Javascript
JavaScript字符串转数字的5种方法及遇到的坑
2018/07/16 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
4 种滚动吸顶实现方式的比较
2019/04/09 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
2020/04/10 Javascript
eslint+prettier统一代码风格的实现方法
2020/07/22 Javascript
javascript实现雪花飘落效果
2020/08/19 Javascript
vue Treeselect下拉树只能选择第N级元素实现代码
2020/08/31 Javascript
Python的ORM框架中SQLAlchemy库的查询操作的教程
2015/04/25 Python
从头学Python之编写可执行的.py文件
2017/11/28 Python
Selenium定时刷新网页的实现代码
2018/10/31 Python
详解python读取和输出到txt
2019/03/29 Python
Python循环中else,break和continue的用法实例详解
2019/07/11 Python
Charlotte Tilbury英国官网:英国彩妆品牌
2017/05/26 全球购物
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
营销专业应届生求职信
2013/11/26 职场文书
通用自荐信范文
2014/03/14 职场文书
讲文明树新风演讲稿
2014/05/12 职场文书
责任书范本
2014/08/25 职场文书
科普 | 业余无线电知识-波段篇
2022/02/18 无线电