分享自己写的JS版日期格式化和解析工具类，绝对好用！

前言

本来想模仿Java里面的SimpleDateFormat()对象的，但是感觉这样用起来不方便，所以还是直接写成单独的方法算了。

原文链接

日期格式化

使用说明

formatDate(date, fmt)，其中fmt支持的格式有：

  • y（年）
  • M（月）
  • d（日）
  • q（季度）
  • w（星期）
  • H（24小时制的小时）
  • h（12小时制的小时）
  • m（分钟）
  • s（秒）
  • S（毫秒）

另外，字符的个数决定输出字符的长度，如，yy输出16，yyyy输出2016，ww输出周五，www输出星期五，等等。

代码

完整代码一共30行：

/**
 * 将日期格式化成指定格式的字符串
 * @param date 要格式化的日期，不传时默认当前时间，也可以是一个时间戳
 * @param fmt 目标字符串格式，支持的字符有：y,M,d,q,w,H,h,m,S，默认：yyyy-MM-dd HH:mm:ss
 * @returns 返回格式化后的日期字符串
 */
function formatDate(date, fmt)
{
    date = date == undefined ? new Date() : date;
    date = typeof date == ‘number‘ ? new Date(date) : date;
    fmt = fmt || ‘yyyy-MM-dd HH:mm:ss‘;
    var obj =
    {
        ‘y‘: date.getFullYear(), // 年份，注意必须用getFullYear
        ‘M‘: date.getMonth() + 1, // 月份，注意是从0-11
        ‘d‘: date.getDate(), // 日期
        ‘q‘: Math.floor((date.getMonth() + 3) / 3), // 季度
        ‘w‘: date.getDay(), // 星期，注意是0-6
        ‘H‘: date.getHours(), // 24小时制
        ‘h‘: date.getHours() % 12 == 0 ? 12 : date.getHours() % 12, // 12小时制
        ‘m‘: date.getMinutes(), // 分钟
        ‘s‘: date.getSeconds(), // 秒
        ‘S‘: date.getMilliseconds() // 毫秒
    };
    var week = [‘天‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘];
    for(var i in obj)
    {
        fmt = fmt.replace(new RegExp(i+‘+‘, ‘g‘), function(m)
        {
            var val = obj[i] + ‘‘;
            if(i == ‘w‘) return (m.length > 2 ? ‘星期‘ : ‘周‘) + week[val];
            for(var j = 0, len = val.length; j < m.length - len; j++) val = ‘0‘ + val;
            return m.length == 1 ? val : val.substring(val.length - m.length);
        });
    }
    return fmt;
}

　　

使用示例

formatDate(); // 2016-09-02 13:17:13
formatDate(new Date(), ‘yyyy-MM-dd‘); // 2016-09-02
// 2016-09-02 第3季度 星期五 13:19:15:792
formatDate(new Date(), ‘yyyy-MM-dd 第q季度 www HH:mm:ss:SSS‘);
formatDate(1472793615764); // 2016-09-02 13:20:15

　　

日期解析

说明

parseDate(str, fmt)，其中fmt支持的格式有：

  • y（年）
  • M（月）
  • d（日）
  • H（24小时制的小时）
  • h（12小时制的小时）
  • m（分钟）
  • s（秒）
  • S（毫秒）

完整代码

完整代码共17行：

/**
 * 将字符串解析成日期
 * @param str 输入的日期字符串，如‘2014-09-13‘
 * @param fmt 字符串格式，默认‘yyyy-MM-dd‘，支持如下：y、M、d、H、m、s、S，不支持w和q
 * @returns 解析后的Date类型日期
 */
function parseDate(str, fmt)
{
    fmt = fmt || ‘yyyy-MM-dd‘;
    var obj = {y: 0, M: 1, d: 0, H: 0, h: 0, m: 0, s: 0, S: 0};
    fmt.replace(/([^yMdHmsS]*?)(([yMdHmsS])\3*)([^yMdHmsS]*?)/g, function(m, $1, $2, $3, $4, idx, old)
    {
        str = str.replace(new RegExp($1+‘(\\d{‘+$2.length+‘})‘+$4), function(_m, _$1)
        {
            obj[$3] = parseInt(_$1);
            return ‘‘;
        });
        return ‘‘;
    });
    obj.M--; // 月份是从0开始的，所以要减去1
    var date = new Date(obj.y, obj.M, obj.d, obj.H, obj.m, obj.s);
    if(obj.S !== 0) date.setMilliseconds(obj.S); // 如果设置了毫秒
    return date;
}

　　

示例代码

parseDate(‘2016-08-11‘); // Thu Aug 11 2016 00:00:00 GMT+0800
parseDate(‘2016-08-11 13:28:43‘, ‘yyyy-MM-dd HH:mm:ss‘) // Thu Aug 11 2016 13:28:43 GMT+0800

　　

其它日期相关方法

其它自己还简单封装了几个方法，这里干脆一起贴出来了，包括上面的：

/**
 * =====================================
 *               日期相关方法
 * =====================================
 */
;(function($)
{
    $.extend(
    {
        /**
         * 将日期格式化成指定格式的字符串
         * @param date 要格式化的日期，不传时默认当前时间，也可以是一个时间戳
         * @param fmt 目标字符串格式，支持的字符有：y,M,d,q,w,H,h,m,S，默认：yyyy-MM-dd HH:mm:ss
         * @returns 返回格式化后的日期字符串
         */
        formatDate: function(date, fmt)
        {
            date = date == undefined ? new Date() : date;
            date = typeof date == ‘number‘ ? new Date(date) : date;
            fmt = fmt || ‘yyyy-MM-dd HH:mm:ss‘;
            var obj =
            {
                ‘y‘: date.getFullYear(), // 年份，注意必须用getFullYear
                ‘M‘: date.getMonth() + 1, // 月份，注意是从0-11
                ‘d‘: date.getDate(), // 日期
                ‘q‘: Math.floor((date.getMonth() + 3) / 3), // 季度
                ‘w‘: date.getDay(), // 星期，注意是0-6
                ‘H‘: date.getHours(), // 24小时制
                ‘h‘: date.getHours() % 12 == 0 ? 12 : date.getHours() % 12, // 12小时制
                ‘m‘: date.getMinutes(), // 分钟
                ‘s‘: date.getSeconds(), // 秒
                ‘S‘: date.getMilliseconds() // 毫秒
            };
            var week = [‘天‘, ‘一‘, ‘二‘, ‘三‘, ‘四‘, ‘五‘, ‘六‘];
            for(var i in obj)
            {
                fmt = fmt.replace(new RegExp(i+‘+‘, ‘g‘), function(m)
                {
                    var val = obj[i] + ‘‘;
                    if(i == ‘w‘) return (m.length > 2 ? ‘星期‘ : ‘周‘) + week[val];
                    for(var j = 0, len = val.length; j < m.length - len; j++) val = ‘0‘ + val;
                    return m.length == 1 ? val : val.substring(val.length - m.length);
                });
            }
            return fmt;
        },
        /**
         * 将字符串解析成日期
         * @param str 输入的日期字符串，如‘2014-09-13‘
         * @param fmt 字符串格式，默认‘yyyy-MM-dd‘，支持如下：y、M、d、H、m、s、S，不支持w和q
         * @returns 解析后的Date类型日期
         */
        parseDate: function(str, fmt)
        {
            fmt = fmt || ‘yyyy-MM-dd‘;
            var obj = {y: 0, M: 1, d: 0, H: 0, h: 0, m: 0, s: 0, S: 0};
            fmt.replace(/([^yMdHmsS]*?)(([yMdHmsS])\3*)([^yMdHmsS]*?)/g, function(m, $1, $2, $3, $4, idx, old)
            {
                str = str.replace(new RegExp($1+‘(\\d{‘+$2.length+‘})‘+$4), function(_m, _$1)
                {
                    obj[$3] = parseInt(_$1);
                    return ‘‘;
                });
                return ‘‘;
            });
            obj.M--; // 月份是从0开始的，所以要减去1
            var date = new Date(obj.y, obj.M, obj.d, obj.H, obj.m, obj.s);
            if(obj.S !== 0) date.setMilliseconds(obj.S); // 如果设置了毫秒
            return date;
        },
        /**
         * 将一个日期格式化成友好格式，比如，1分钟以内的返回“刚刚”，
         * 当天的返回时分，当年的返回月日，否则，返回年月日
         * @param {Object} date
         */
        formatDateToFriendly: function(date)
        {
            date = date || new Date();
            date = typeof date === ‘number‘ ? new Date(date) : date;
            var now = new Date();
            if((now.getTime() - date.getTime()) < 60*1000) return ‘刚刚‘; // 1分钟以内视作“刚刚”
            var temp = this.formatDate(date, ‘yyyy年M月d‘);
            if(temp == this.formatDate(now, ‘yyyy年M月d‘)) return this.formatDate(date, ‘HH:mm‘);
            if(date.getFullYear() == now.getFullYear()) return this.formatDate(date, ‘M月d日‘);
            return temp;
        },
        /**
         * 将一段时长转换成友好格式，如：
         * 147->“2分27秒”
         * 1581->“26分21秒”
         * 15818->“4小时24分”
         * @param {Object} second
         */
        formatDurationToFriendly: function(second)
        {
            if(second < 60) return second + ‘秒‘;
            else if(second < 60*60) return (second-second%60)/60+‘分‘+second%60+‘秒‘;
            else if(second < 60*60*24) return (second-second%3600)/60/60+‘小时‘+Math.round(second%3600/60)+‘分‘;
            return (second/60/60/24).toFixed(1)+‘天‘;
        },
        /**
         * 将时间转换成MM:SS形式
         */
        formatTimeToFriendly: function(second)
        {
            var m = Math.floor(second / 60);
            m = m < 10 ? ( ‘0‘ + m ) : m;
            var s = second % 60;
            s = s < 10 ? ( ‘0‘ + s ) : s;
            return m + ‘:‘ + s;
        },
        /**
         * 判断某一年是否是闰年
         * @param year 可以是一个date类型，也可以是一个int类型的年份，不传默认当前时间
         */
        isLeapYear: function(year)
        {
            if(year === undefined) year = new Date();
            if(year instanceof Date) year = year.getFullYear();
            return (year % 4 == 0 && year % 100 != 0) || (year % 400 == 0);
        },
        /**
         * 获取某一年某一月的总天数，没有任何参数时获取当前月份的
         * 方式一：$.getMonthDays();
         * 方式二：$.getMonthDays(new Date());
         * 方式三：$.getMonthDays(2013, 12);
         */
        getMonthDays: function(date, month)
        {
            var y, m;
            if(date == undefined) date = new Date();
            if(date instanceof Date)
            {
                y = date.getFullYear();
                m = date.getMonth();
            }
            else if(typeof date == ‘number‘)
            {
                y = date;
                m = month-1;
            }
            var days = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; // 非闰年的一年中每个月份的天数
            //如果是闰年并且是2月
            if(m == 1 && this.isLeapYear(y)) return days[m]+1;
            return days[m];
        },
        /**
         * 计算2日期之间的天数，用的是比较毫秒数的方法
         * 传进来的日期要么是Date类型，要么是yyyy-MM-dd格式的字符串日期
         * @param date1 日期一
         * @param date2 日期二
         */
        countDays: function(date1, date2)
        {
            var fmt = ‘yyyy-MM-dd‘;
            // 将日期转换成字符串，转换的目的是去除“时、分、秒”
            if(date1 instanceof Date && date2 instanceof Date)
            {
                date1 = this.format(fmt, date1);
                date2 = this.format(fmt, date2);
            }
            if(typeof date1 === ‘string‘ && typeof date2 === ‘string‘)
            {
                date1 = this.parse(date1, fmt);
                date2 = this.parse(date2, fmt);
                return (date1.getTime() - date2.getTime()) / (1000*60*60*24);
            }
            else
            {
                console.error(‘参数格式无效！‘);
                return 0;
            }
        }
    });
})(jQuery);

　　个人网站：http://liuxianan.com
博客园：http://www.cnblogs.com/liuxianan
微博：http://weibo.com/liuxianan
copyright ©2016 小茗同学

时间： 2024-10-10 22:58:56

分享自己写的JS版日期格式化和解析工具类，绝对好用！的相关文章

JS 日期格式化和解析工具

本来想模仿Java里面的SimpleDateFormat()对象的,但是感觉这样用起来不方便,所以还是直接写成单独的方法算了. 原文链接 日期格式化 使用说明 formatDate(date, fmt),其中fmt支持的格式有: y(年) M(月) d(日) q(季度) w(星期) H(24小时制的小时) h(12小时制的小时) m(分钟) s(秒) S(毫秒) 另外,字符的个数决定输出字符的长度,如,yy输出16,yyyy输出2016,ww输出周五,www输出星期五,等等. 代码 完整代码一共

js前端日期格式化处理

js前端日期格式化处理 1.项目中时间返回值,很过时候为毫秒值,我们需要转换成 能够看懂的时间的格式: 例如: ? yyyy-MM-dd HH:mm:ss 2.处理方法(处理方法有多种,可以传值到前端处理,也可以后台可以好之后再传递到页面) ? 方法一:实体类中添加时间转换注解(注意时区问题) /** * 开始时间 */ @JsonFormat(pattern = "yyyy-MM-dd HH:mm:ss", timezone="GMT+8") private Da

JavaScript日期格式化及解析

JavaScript开发经常需要对日期进行转换,把日期转成字符串或者从字符串生成日期.JavaScript日期对象内置了简单的日期格式化方法toString()和日期解析方法Date.parse(),这两个方法有较大的局限性,不能自定义自定义日期格式化和解析的字符串格式.下面列出一些常用的日期处理JS库. 名称 描述 Xdate XDate对Javascirpt本地Date对象进行了轻度包装,它提供对日期解析.格式化以及其他操作的加强功能,实现了本地Date对象的相同方法.https://git

js Date 日期格式化（转）

var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();    //获取完整的年份(4位,1970-????)myDate.getMonth();       //获取当前月份(0-11,0代表1月)myDate.getDate();        //获取当前日(1-31)myDate.getDay();         //获取当前星期X(0-6,0代表星期天)myDate.getTi

js输出日期格式化

//日期格式化 Date.prototype.Format = function(fmt) { var o = { "M+" : this.getMonth() + 1, "d+" : this.getDate(), "h+" : this.getHours(), "m+" : this.getMinutes(), "s+" : this.getSeconds(), "q+" : Mat

[java工具类01]__构建格式化输出日期和时间的工具类

在之前的学习中,我写过一篇关于字符串格式化的,就主要设计到了时间以及日期的各种格式化显示的设置,其主要时通过String类的fomat()方法实现的. 我们可以通过使用不同的转换符来实现格式化显示不同的时间以及日期信息,但我们了解到,时间以及日期的转换符实在是太多了,导致我们无法十分方便的在需要的时候格式化出想要的日期时间输出格式. 然而在学习过程中,我们了解到类是可以相互调用的,以及静态方法是可以跨类使用的,,所以,通过本文,将构建一个显示时间日期的工具类,定义几个常用的日期时间格式,之后我们

分享一个用OnGUI在手机上打印调试信息的工具类

游戏发布到手机上调试的时候有时候会需要在屏幕上打印一些信息,我写了一个小工具类,分享出来,用的是OnGUI,很简单,直接上代码了 using UnityEngine; using System.Collections; using System.Collections.Generic; public class OnGUIDebug : MonoBehaviour { public static OnGUIDebug Instance; public int FontSize = 40; pub

js实现日期格式化

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <link rel="stylesheet" href=""> <

js的日期格式化

function date(){ var date = new Date(); var year = date.getFullYear(); var month = date.getMonth()+1; //js从0开始取 var date1 = date.getDate(); var hour = date.getHours(); var minutes = date.getMinutes(); var second = date.getSeconds(); return year+"年&qu