Date对象格式化函数代码


Posted in Javascript onJuly 17, 2010
/* 
* Date Format 1.2.3 
* (c) 2007-2009 Steven Levithan 
* MIT license 
* 
* Includes enhancements by Scott Trenda 
* and Kris Kowal 
* 
* Accepts a date, a mask, or a date and a mask. 
* Returns a formatted version of the given date. 
* The date defaults to the current date/time. 
* The mask defaults to dateFormat.masks.default. 
*/ var dateFormat = function () { 
var token = /d{1,4}|m{1,4}|yy(?:yy)?|([HhMsTt])\1?|[LloSZ]|"[^"]*"|'[^']*'/g, 
timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g, 
timezoneClip = /[^-+\dA-Z]/g, 
pad = function (val, len) { 
val = String(val); 
len = len || 2; 
while (val.length < len) val = "0" + val; return val; }; // Regexes and supporting functions are cached through closure return function (date, mask, utc) { var dF = dateFormat; // You can't provide utc if you skip other args (use the "UTC:" mask prefix) if (arguments.length == 1 && Object.prototype.toString.call(date) == "[object String]" && !/\d/.test(date)) { mask = date; date = undefined; } // Passing date through Date applies Date.parse, if necessary date = date ? new Date(date) : new Date; if (isNaN(date)) throw SyntaxError("invalid date"); mask = String(dF.masks[mask] || mask || dF.masks["default"]); // Allow setting the utc argument via the mask if (mask.slice(0, 4) == "UTC:") { mask = mask.slice(4); utc = true; } var _ = utc ? "getUTC" : "get", d = date[_ + "Date"](), D = date[_ + "Day"](), m = date[_ + "Month"](), y = date[_ + "FullYear"](), H = date[_ + "Hours"](), M = date[_ + "Minutes"](), s = date[_ + "Seconds"](), L = date[_ + "Milliseconds"](), o = utc ? 0 : date.getTimezoneOffset(), flags = { d: d, dd: pad(d), ddd: dF.i18n.dayNames[D], dddd: dF.i18n.dayNames[D + 7], m: m + 1, mm: pad(m + 1), mmm: dF.i18n.monthNames[m], mmmm: dF.i18n.monthNames[m + 12], yy: String(y).slice(2), yyyy: y, h: H % 12 || 12, hh: pad(H % 12 || 12), H: H, HH: pad(H), M: M, MM: pad(M), s: s, ss: pad(s), l: pad(L, 3), L: pad(L > 99 ? Math.round(L / 10) : L), 
t: H < 12 ? "a" : "p", 
tt: H < 12 ? "am" : "pm", 
T: H < 12 ? "A" : "P", 
TT: H < 12 ? "AM" : "PM", Z: utc ? "UTC" : (String(date).match(timezone) || [""]).pop().replace(timezoneClip, ""), o: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4), 
S: ["th", "st", "nd", "rd"][d % 10 > 3 ? 0 : (d % 100 - d % 10 != 10) * d % 10] 
}; 
return mask.replace(token, function ($0) { 
return $0 in flags ? flags[$0] : $0.slice(1, $0.length - 1); 
}); 
}; 
}(); 
// Some common format strings 
dateFormat.masks = { 
"default": "ddd mmm dd yyyy HH:MM:ss", 
shortDate: "m/d/yy", 
mediumDate: "mmm d, yyyy", 
longDate: "mmmm d, yyyy", 
fullDate: "dddd, mmmm d, yyyy", 
shortTime: "h:MM TT", 
mediumTime: "h:MM:ss TT", 
longTime: "h:MM:ss TT Z", 
isoDate: "yyyy-mm-dd", 
isoTime: "HH:MM:ss", 
isoDateTime: "yyyy-mm-dd'T'HH:MM:ss", 
isoUtcDateTime: "UTC:yyyy-mm-dd'T'HH:MM:ss'Z'" 
}; 
// Internationalization strings 
dateFormat.i18n = { 
dayNames: [ 
"Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", 
"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday" 
], 
monthNames: [ 
"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", 
"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December" 
] 
}; 
// For convenience... 
Date.prototype.format = function (mask, utc) { 
return dateFormat(this, mask, utc); 
};

用法:
var now = new Date(); now.format("m/dd/yy"); 
// Returns, e.g., 6/09/07 
// Can also be used as a standalone function 
dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT"); 
// Saturday, June 9th, 2007, 5:46:21 PM 
// You can use one of several named masks 
now.format("isoDateTime"); 
// 2007-06-09T17:46:21 
// ...Or add your own 
dateFormat.masks.hammerTime = 'HH:MM! "Can\'t touch this!"'; 
now.format("hammerTime"); 
// 17:46! Can't touch this! 
// When using the standalone dateFormat function, 
// you can also provide the date as a string 
dateFormat("Jun 9 2007", "fullDate"); 
// Saturday, June 9, 2007 
// Note that if you don't include the mask argument, 
// dateFormat.masks.default is used 
now.format(); 
// Sat Jun 09 2007 17:46:21 
// And if you don't include the date argument, 
// the current date and time is used 
dateFormat(); 
// Sat Jun 09 2007 17:46:22 
// You can also skip the date argument (as long as your mask doesn't 
// contain any numbers), in which case the current date/time is used 
dateFormat("longTime"); 
// 5:46:22 PM EST 
// And finally, you can convert local time to UTC time. Either pass in 
// true as an additional argument (no argument skipping allowed in this case): 
dateFormat(now, "longTime", true); 
now.format("longTime", true); 
// Both lines return, e.g., 10:46:21 PM UTC 
// ...Or add the prefix "UTC:" to your mask. 
now.format("UTC:h:MM:ss TT Z"); 
// 10:46:21 PM UTC

Mask Description
d Day of the month as digits; no leading zero for single-digit days.
dd Day of the month as digits; leading zero for single-digit days.
ddd Day of the week as a three-letter abbreviation.
dddd Day of the week as its full name.
m Month as digits; no leading zero for single-digit months.
mm Month as digits; leading zero for single-digit months.
mmm Month as a three-letter abbreviation.
mmmm Month as its full name.
yy Year as last two digits; leading zero for years less than 10.
yyyy Year represented by four digits.
h Hours; no leading zero for single-digit hours (12-hour clock).
hh Hours; leading zero for single-digit hours (12-hour clock).
H Hours; no leading zero for single-digit hours (24-hour clock).
HH Hours; leading zero for single-digit hours (24-hour clock).
M Minutes; no leading zero for single-digit minutes.Uppercase M unlike CF timeFormat's m to avoid conflict with months.
MM Minutes; leading zero for single-digit minutes.Uppercase MM unlike CF timeFormat's mm to avoid conflict with months.
s Seconds; no leading zero for single-digit seconds.
ss Seconds; leading zero for single-digit seconds.
l or L Milliseconds. l gives 3 digits. L gives 2 digits.
t Lowercase, single-character time marker string: a or p.No equivalent in CF.
tt Lowercase, two-character time marker string: am or pm.No equivalent in CF.
T Uppercase, single-character time marker string: A or P.Uppercase T unlike CF's t to allow for user-specified casing.
TT Uppercase, two-character time marker string: AM or PM.Uppercase TT unlike CF's tt to allow for user-specified casing.
Z US timezone abbreviation, e.g. EST or MDT. With non-US timezones or in the Opera browser, the GMT/UTC offset is returned, e.g. GMT-0500No equivalent in CF.
o GMT/UTC timezone offset, e.g. -0500 or +0230.No equivalent in CF.
S The date's ordinal suffix (st, nd, rd, or th). Works well with d.No equivalent in CF.
'…' or "…" Literal character sequence. Surrounding quotes are removed.No equivalent in CF.
UTC: Must be the first four characters of the mask. Converts the date from local time to UTC/GMT/Zulu time before applying the mask. The “UTC:” prefix is removed.No equivalent in CF.
Name Mask Example
default ddd mmm dd yyyy HH:MM:ss Sat Jun 09 2007 17:46:21
shortDate m/d/yy 6/9/07
mediumDate mmm d, yyyy Jun 9, 2007
longDate mmmm d, yyyy June 9, 2007
fullDate dddd, mmmm d, yyyy Saturday, June 9, 2007
shortTime h:MM TT 5:46 PM
mediumTime h:MM:ss TT 5:46:21 PM
longTime h:MM:ss TT Z 5:46:21 PM EST
isoDate yyyy-mm-dd 2007-06-09
isoTime HH:MM:ss 17:46:21
isoDateTime yyyy-mm-dd'T'HH:MM:ss 2007-06-09T17:46:21
isoUtcDateTime UTC:yyyy-mm-dd'T'HH:MM:ss'Z' 2007-06-09T22:46:21Z
Javascript 相关文章推荐
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
JS获取及设置TextArea或input文本框选择文本位置的方法
Mar 24 Javascript
javascript中几个容易混淆的概念总结
Apr 14 Javascript
javascript实现简单的省市区三级联动
May 14 Javascript
tuzhu_req.js 实现仿百度图片首页效果
Aug 11 Javascript
Mac下使用charles遇到的问题以及解决办法
Jan 10 Javascript
解决JQuery全选/反选第二次失效的问题
Oct 11 jQuery
layui select动态添加option的实例
Mar 07 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
小程序中canvas的drawImage方法参数使用详解
Jul 04 Javascript
初试vue-cli使用HBuilderx打包app的坑
Jul 17 Javascript
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 Javascript
js下利用控制器载入对应脚本
Jul 17 #Javascript
js 纯数字不重复排列的另类方法
Jul 17 #Javascript
jQuery Autocomplete自动完成插件
Jul 17 #Javascript
一个js拖拽的效果类和dom-drag.js浅析
Jul 17 #Javascript
JavaScript 浏览器验证代码(来自discuz)
Jul 17 #Javascript
IE6,IE7下js动态加载图片不显示错误
Jul 17 #Javascript
js模拟类继承小例子
Jul 17 #Javascript
You might like
十天学会php之第一天
2006/10/09 PHP
PHP实现多服务器session共享之NFS共享的方法
2007/03/16 PHP
PHP原生函数一定好吗?
2014/12/08 PHP
使用纯php代码实现页面伪静态的方法
2015/07/25 PHP
php微信开发自定义菜单
2016/08/27 PHP
基于jQuery+HttpHandler实现图片裁剪效果代码(适用于论坛, SNS)
2011/09/02 Javascript
JS验证控制输入中英文字节长度(input、textarea等)具体实例
2013/06/21 Javascript
9行javascript代码获取QQ群成员具体实现
2013/10/16 Javascript
jQuery中append()方法用法实例
2014/12/25 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
JS原型链怎么理解
2016/06/27 Javascript
简单实现js间歇或无缝滚动效果
2016/06/29 Javascript
总结在前端排序中遇到的问题
2016/07/19 Javascript
AngularJS入门教程之模块化操作用法示例
2016/11/02 Javascript
微信公众号  提示:Unauthorized API function 问题解决方法
2016/12/05 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
vue cli 全面解析
2018/02/28 Javascript
Spring Boot/VUE中路由传递参数的实现代码
2018/03/02 Javascript
Vue代码整洁之去重方法整理
2019/08/06 Javascript
微信小程序一周时间表功能实现
2019/10/17 Javascript
Python实现同时兼容老版和新版Socket协议的一个简单WebSocket服务器
2014/06/04 Python
Python对象中__del__方法起作用的条件详解
2018/11/01 Python
Python3获取拉勾网招聘信息的方法实例
2019/04/03 Python
python中break、continue 、exit() 、pass终止循环的区别详解
2019/07/08 Python
Python  Django 母版和继承解析
2019/08/09 Python
python如何利用Mitmproxy抓包
2020/10/10 Python
vue 中 get / delete 传递数组参数方法
2021/03/23 Vue.js
工商治理实习生的自我评价
2014/01/15 职场文书
《童年的发现》教学反思
2014/02/14 职场文书
药剂专业毕业生求职信
2014/06/24 职场文书
群众路线教育实践活动对照检查材料思想汇报(副处级领导)
2014/10/04 职场文书
单位租房协议书样本
2014/10/30 职场文书
给领导敬酒词
2015/08/12 职场文书
保姆聘用合同
2015/09/21 职场文书
2016年“12.3”国际残疾人日活动总结
2016/04/01 职场文书
一文了解JavaScript用Element Traversal新属性遍历子元素
2021/11/27 Javascript