一个javascript日期格式化函数

最新推荐文章于 2022-05-09 09:54:14 发布
最新推荐文章于 2022-05-09 09:54:14 发布
阅读量821 收藏
点赞数
分类专栏： javascript 文章标签： javascript date timezone string internationalization conflict

<html>
    <head>
        <script>
        /*
 * Date Format 1.2.2
 * (c) 2007-2008 Steven Levithan <stevenlevithan.com>
 * MIT license
 * Includes enhancements by Scott Trenda <scott.trenda.net> and Kris Kowal <cixar.com/~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 && (typeof date == "string" || date instanceof 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 new 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);
};
</script>
    </head>
    <body>
        <script>
            var now = new Date();
            alert(now.format("mm/dd/yyyy"));
            alert(now.format("yyyy-dd-dd HH:MM"));
            </script>
    </body>
</html>

 

参数说明

参数说明描述
dDay of the month as digits; no leading zero for single-digit days.
ddDay of the month as digits; leading zero for single-digit days.
dddDay of the week as a three-letter abbreviation.
ddddDay of the week as its full name.
mMonth as digits; no leading zero for single-digit months.
mmMonth as digits; leading zero for single-digit months.
mmmMonth as a three-letter abbreviation.
mmmmMonth as its full name.
yyYear as last two digits; leading zero for years less than 10.
yyyyYear represented by four digits.
hHours; no leading zero for single-digit hours (12-hour clock).
hhHours; leading zero for single-digit hours (12-hour clock).
HHours; no leading zero for single-digit hours (24-hour clock).
HHHours; leading zero for single-digit hours (24-hour clock).
MMinutes; no leading zero for single-digit minutes.
Uppercase M unlike CF timeFormat's m to avoid conflict with months.
MMMinutes; leading zero for single-digit minutes.
Uppercase MM unlike CF timeFormat's mm to avoid conflict with months.
sSeconds; no leading zero for single-digit seconds.
ssSeconds; leading zero for single-digit seconds.
l or LMilliseconds. l gives 3 digits. L gives 2 digits.
tLowercase, single-character time marker string: a or p.
No equivalent in CF.
ttLowercase, two-character time marker string: am or pm.
No equivalent in CF.
TUppercase, single-character time marker string: A or P.
Uppercase T unlike CF's t to allow for user-specified casing.
TTUppercase, two-character time marker string: AM or PM.
Uppercase TT unlike CF's tt to allow for user-specified casing.
ZUS 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-0500
No equivalent in CF.
oGMT/UTC timezone offset, e.g. -0500 or +0230.
No equivalent in CF.
SThe 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.

And here are the named masks provided by default (you can easily change these or add your own):

名称格式例子
defaultddd mmm dd yyyy HH:MM:ssSat Jun 09 2007 17:46:21
shortDatem/d/yy6/9/07
mediumDatemmm d, yyyyJun 9, 2007
longDatemmmm d, yyyyJune 9, 2007
fullDatedddd, mmmm d, yyyySaturday, June 9, 2007
shortTimeh:MM TT5:46 PM
mediumTimeh:MM:ss TT5:46:21 PM
longTimeh:MM:ss TT Z5:46:21 PM EST
isoDateyyyy-mm-dd2007-06-09
isoTimeHH:MM:ss17:46:21
isoDateTimeyyyy-mm-dd'T'HH:MM:ss2007-06-09T17:46:21
isoUtcDateTimeUTC:yyyy-mm-dd'T'HH:MM:ss'Z'2007-06-09T22:46:21Z

 

 

摘抄于  http://blog.stevenlevithan.com/archives/date-time-format

pcjavanet
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript常用代码【格式化时间日期】
•一个写代码的• •知识星球•https://t.zsxq.com/15rGFbGEk
09-05 1113
这周工作中，写了几个前端界面，页面中有个表格列字段是时间类型的，但是后端传递过来的时间是时间戳，所以需要在前端将其转换展示。 记录一下格式化日期代码，以后再遇见类似功能直接复制黏贴即可（其实是为了多点时间摸鱼）： (1) 日期格式化代码 /** * 日期格式化函数<br/> * 调用格式：需要使用日期对象调用 * <p> new Date().Format("yyyy/MM/dd HH:mm:ss"); </p> * @param fmt 日期格式 *
JavaScript实现的一个日期格式化函数分享
10-25
主要介绍了JavaScript实现的一个日期格式化函数分享,本文给出了实现代码和使用例子,需要的朋友可以参考下
js内置对象
chenhj153的博客
09-29 173
Date对象 创建 Date 实例用来处理日期和时间。Date 对象基于1970年1月1日（世界标准时间）起的毫秒数。 // 获取当前时间，UTC世界时间，距1970年1月1日（世界标准时间）起的毫秒数 var now = new Date(); console.log(now.valueOf()); // 获取距1970年1月1日（世界标准时间）起的毫秒数 Date构造函数的参数 毫秒数 1...
格式化日期对象
liucai1018的博客
05-09 670
1、将一个Date类型的数据格式化为字符串类型如：2022-05-09 00:00:00 // 格式化日期对象：参数为Date对象 function dateFormat(dateObj){ let fullYear = dateObj.getFullYear() let month = completionZero(dateObj.getMonth() + 1) let date = completionZero(dateObj.getDate()) let hours = compl
JavaScript自定义日期格式化函数详细解析
10-26
下面的一个例子就是以独立函数写出的JavaScript日期格式化函数，独立的format函数。回到格式化的这一知识点上，我们考查的是怎么实现的、运用了哪些原理
javascript格式化日期时间函数
10-30
下面的js函数是格式化日期的，函数是一行写的，所以大家可以直接负责应用就可以了
JavaScript日期时间格式化函数分享
10-25
主要介绍了JavaScript日期时间格式化函数分享,需要的朋友可以参考下
JavaScript格式化日期时间的方法和自定义格式化函数示例
12-10
很多时候，我们可以利用JavaScript中Date对象的内置方法来格式化，如： 代码如下:var d = new Date();console.log(d); // 输出：Mon Nov 04 2013 21:50:33 GMT+0800 (中国标准时间)console.log(d.toDateString()); /...
给 Javascript 的 日期（Date）对象扩展一个格式化（format）方法
weixin_30840573的博客
07-26 151
直接贴代码了： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <he...
jstl 强大的日期处理
wutao8818的专栏
04-05 2396
今天客户要求显示日期还要中文??(真他吗烦!!) ,原以为是件很烦琐的问题.尝试在google上搜索fmt:formatDate标签解决这个问题,果然不付我望.哈哈!!记录下来. JSP Standard Tag LibrariesFormatting and InternationalizationTwo form input parameters, date and isoDat
JavaScript Date Format
给自己一个记录的天空
01-03 116
Although JavaScript provides a bunch of methods for getting and setting parts of a date object, it lacks a simple way to format dates and times according to a user-specified mask. There are a few scri...
iview中的工具类
qq_40710228的博客
12-08 441
date工具类 /*eslint-disable*/ // 把 YYYY-MM-DD 改成了 yyyy-MM-dd (function (main) { 'use strict'; /** * Parse or format dates * @class fecha */ var fecha = {}; var token = /...
ORACLE常用日期函数与日期转换格式化函数（超全）
热门推荐
weixin_42315600的博客
04-09 2万+
ORACLE常用日期函数与日期转换格式化函数 Year: yy two digits 两位年 显示值:07 yyy three digits 三位年 显示值:007 yyyy four digits 四位年 显示值:2007 Month: mm number 两位月...
js 日期格式化函数
annan211的专栏
05-04 399
[code="html"] Date.prototype.Format = function (fmt) { //author: meizz var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHour...
date对象以及格式化时间函数
albertdiao8888的博客
12-28 203
date对象常用例子: 　　　　　　　//获取当前时间 var dt=new Date(); console.log(dt); //获取当前时间。毫秒的方式 var dt=Date.now(); console.log(dt); ...
数据库日期格式化函数
张云勇
07-27 2438
1、MySQL：DATE_FORMAT(date, format) 函数根据format字符串格式化date值。 把字符串转换为日期格式： SELECT DATE_FORMAT('2020-07-27 16:23:35', '%Y-%m-%d %H:%i:%S'); 把日期转换字符串格式： SELECT DATE_FORMAT(NOW(), '%Y-%m-%d %H:%i:%S'); %M 月名字(January……December) %W 星期名字(Sunday…...
javascript中Date对象与函数
chaoguo1234的专栏
05-13 125
参看下面链接http://www.dreamdu.com/javascript/object_date/#constructor
js实现一个日期格式化函数,按照给定格式格式化日期时间
最新发布
04-29
下面是一个简单的日期格式化函数，根据给定的格式将日期时间进行格式化。 /** * 日期格式化函数 * @param {Date} date - 日期对象 * @param {string} format - 日期格式 * @returns {string} 格式化后的日期...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值