Bootstrap

JS日期格式化

JS日期格式化
在这里插入图片描述
这是直接赋值 原型对象的方法 ， 直接在prototype上面强行赋值

    /*   
        函数：格式化日期   
        参数：formatStr-格式化字符串   
        d：将日显示为不带前导零的数字，如1   
        dd：将日显示为带前导零的数字，如01   
        ddd：将日显示为缩写形式，如Sun   
        dddd：将日显示为全名，如Sunday   
        D：将日显示为不带前导零的数字，如1   
        DD：将日显示为带前导零的数字，如01   
        DDD：将日显示为缩写形式，如Sun   
        DDDD：将日显示为全名，如Sunday   
        M：将月份显示为不带前导零的数字，如一月显示为1   
        MM：将月份显示为带前导零的数字，如01  
        MMM：将月份显示为缩写形式，如Jan  
        MMMM：将月份显示为完整月份名，如January  
        yy：以两位数字格式显示年份  
        yyyy：以四位数字格式显示年份  
        YY：以两位数字格式显示年份  
        YYYY：以四位数字格式显示年份  
        H：使用12小时制将小时显示为不带前导零的数字，注意||的用法  
        HH：使用12小时制将小时显示为带前导零的数字  
        h：使用24小时制将小时显示为不带前导零的数字  
        hh：使用24小时制将小时显示为带前导零的数字  
        m：将分钟显示为不带前导零的数字  
        mm：将分钟显示为带前导零的数字  
        s：将秒显示为不带前导零的数字  
        ss：将秒显示为带前导零的数字  
        l：将毫秒显示为不带前导零的数字  
        ll：将毫秒显示为带前导零的数字  
        tt：显示am/pm  
        TT：显示AM/PM  
        ttt：显示上午/下午  
        TTT：显示上午/下午  
        返回：格式化后的日期  
    */
    Date.prototype.format = function (formatStr) {
        if(formatStr == undefined){
            formatStr = "YYYY-MM-DD hh:mm:ss"
        };
        var date = this;
        /*  
        函数：填充0字符  
        参数：value-需要填充的字符串, length-总长度  
        返回：填充后的字符串  
        */
        function add_zero(value, length) {
            if (!length) {
                length = 2;
            }
            value = new String(value);
            for (var i = 0, zeros = ''; i < (length - value.length); i++) {
                zeros += '0';
            }
            return zeros + value;
        };
        return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|D{1,4}|M{1,4}|t{3}|T{3}|yy(?:yy)?|YY(?:YY)?|([hHmstT])\1?|[lLZ])\b/g, function (key_word) {
            switch (key_word) {
                case 'd': return date.getDate();
                case 'dd': return add_zero(date.getDate());
                case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
                case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
                case 'D': return date.getDate();
                case 'DD': return add_zero(date.getDate());
                case 'DDD': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
                case 'DDDD': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
                case 'M': return date.getMonth() + 1;
                case 'MM': return add_zero(date.getMonth() + 1);
                case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
                case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
                case 'yy': return new String(date.getFullYear()).substr(2);
                case 'yyyy': return date.getFullYear();
                case 'YY': return new String(date.getFullYear()).substr(2);
                case 'YYYY': return date.getFullYear();
                case 'H': return date.getHours() % 12 || 12;
                case 'HH': return add_zero(date.getHours() % 12 || 12);
                case 'h': return date.getHours();
                case 'hh': return add_zero(date.getHours());
                case 'm': return date.getMinutes();
                case 'mm': return add_zero(date.getMinutes());
                case 's': return date.getSeconds();
                case 'ss': return add_zero(date.getSeconds());
                case 'l': return date.getMilliseconds();
                case 'll': return add_zero(date.getMilliseconds());
                case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
                case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
                case 'ttt': return date.getHours() < 12 ? '上午' : '下午';
                case 'TTT': return date.getHours() < 12 ? '上午' : '下午';
            }
        });
    };

下面这个是定义隐藏属性的

    /*   
        函数：格式化日期   
        参数：formatStr-格式化字符串   
        d：将日显示为不带前导零的数字，如1   
        dd：将日显示为带前导零的数字，如01   
        ddd：将日显示为缩写形式，如Sun   
        dddd：将日显示为全名，如Sunday   
        D：将日显示为不带前导零的数字，如1   
        DD：将日显示为带前导零的数字，如01   
        DDD：将日显示为缩写形式，如Sun   
        DDDD：将日显示为全名，如Sunday   
        M：将月份显示为不带前导零的数字，如一月显示为1   
        MM：将月份显示为带前导零的数字，如01  
        MMM：将月份显示为缩写形式，如Jan  
        MMMM：将月份显示为完整月份名，如January  
        yy：以两位数字格式显示年份  
        yyyy：以四位数字格式显示年份  
        YY：以两位数字格式显示年份  
        YYYY：以四位数字格式显示年份  
        H：使用12小时制将小时显示为不带前导零的数字，注意||的用法  
        HH：使用12小时制将小时显示为带前导零的数字  
        h：使用24小时制将小时显示为不带前导零的数字  
        hh：使用24小时制将小时显示为带前导零的数字  
        m：将分钟显示为不带前导零的数字  
        mm：将分钟显示为带前导零的数字  
        s：将秒显示为不带前导零的数字  
        ss：将秒显示为带前导零的数字  
        l：将毫秒显示为不带前导零的数字  
        ll：将毫秒显示为带前导零的数字  
        tt：显示am/pm  
        TT：显示AM/PM  
        ttt：显示上午/下午  
        TTT：显示上午/下午  
        返回：格式化后的日期  
    */
    Object.defineProperty(Date.prototype, "format", {
        get() {
            return function (formatStr) {
                if (formatStr == undefined) {
                    formatStr = "YYYY-MM-DD hh:mm:ss"
                };
                var date = this;
                /*  
                函数：填充0字符  
                参数：value-需要填充的字符串, length-总长度  
                返回：填充后的字符串  
                */
                function add_zero(value, length) {
                    if (!length) {
                        length = 2;
                    }
                    value = new String(value);
                    for (var i = 0, zeros = ''; i < (length - value.length); i++) {
                        zeros += '0';
                    }
                    return zeros + value;
                };
		        return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|D{1,4}|M{1,4}|t{3}|T{3}|yy(?:yy)?|YY(?:YY)?|([hHmstT])\1?|[lLZ])\b/g, function (key_word) {
		            switch (key_word) {
		                case 'd': return date.getDate();
		                case 'dd': return add_zero(date.getDate());
		                case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
		                case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
		                case 'D': return date.getDate();
		                case 'DD': return add_zero(date.getDate());
		                case 'DDD': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
		                case 'DDDD': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
		                case 'M': return date.getMonth() + 1;
		                case 'MM': return add_zero(date.getMonth() + 1);
		                case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
		                case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
		                case 'yy': return new String(date.getFullYear()).substr(2);
		                case 'yyyy': return date.getFullYear();
		                case 'YY': return new String(date.getFullYear()).substr(2);
		                case 'YYYY': return date.getFullYear();
		                case 'H': return date.getHours() % 12 || 12;
		                case 'HH': return add_zero(date.getHours() % 12 || 12);
		                case 'h': return date.getHours();
		                case 'hh': return add_zero(date.getHours());
		                case 'm': return date.getMinutes();
		                case 'mm': return add_zero(date.getMinutes());
		                case 's': return date.getSeconds();
		                case 'ss': return add_zero(date.getSeconds());
		                case 'l': return date.getMilliseconds();
		                case 'll': return add_zero(date.getMilliseconds());
		                case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
		                case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
		                case 'ttt': return date.getHours() < 12 ? '上午' : '下午';
		                case 'TTT': return date.getHours() < 12 ? '上午' : '下午';
		            }
		        });
            }
        }
    });

或者reflect 也是可以的

    /*   
        函数：格式化日期   
        参数：formatStr-格式化字符串   
        d：将日显示为不带前导零的数字，如1   
        dd：将日显示为带前导零的数字，如01   
        ddd：将日显示为缩写形式，如Sun   
        dddd：将日显示为全名，如Sunday   
        D：将日显示为不带前导零的数字，如1   
        DD：将日显示为带前导零的数字，如01   
        DDD：将日显示为缩写形式，如Sun   
        DDDD：将日显示为全名，如Sunday   
        M：将月份显示为不带前导零的数字，如一月显示为1   
        MM：将月份显示为带前导零的数字，如01  
        MMM：将月份显示为缩写形式，如Jan  
        MMMM：将月份显示为完整月份名，如January  
        yy：以两位数字格式显示年份  
        yyyy：以四位数字格式显示年份  
        YY：以两位数字格式显示年份  
        YYYY：以四位数字格式显示年份  
        H：使用12小时制将小时显示为不带前导零的数字，注意||的用法  
        HH：使用12小时制将小时显示为带前导零的数字  
        h：使用24小时制将小时显示为不带前导零的数字  
        hh：使用24小时制将小时显示为带前导零的数字  
        m：将分钟显示为不带前导零的数字  
        mm：将分钟显示为带前导零的数字  
        s：将秒显示为不带前导零的数字  
        ss：将秒显示为带前导零的数字  
        l：将毫秒显示为不带前导零的数字  
        ll：将毫秒显示为带前导零的数字  
        tt：显示am/pm  
        TT：显示AM/PM  
        ttt：显示上午/下午  
        TTT：显示上午/下午  
        返回：格式化后的日期  
    */
    Reflect.defineProperty(Date.prototype, "format", {
        get() {
            return function (formatStr) {
                if (formatStr == undefined) {
                    formatStr = "YYYY-MM-DD hh:mm:ss"
                };
                var date = this;
                /*  
                函数：填充0字符  
                参数：value-需要填充的字符串, length-总长度  
                返回：填充后的字符串  
                */
                function add_zero(value, length) {
                    if (!length) {
                        length = 2;
                    }
                    value = new String(value);
                    for (var i = 0, zeros = ''; i < (length - value.length); i++) {
                        zeros += '0';
                    }
                    return zeros + value;
                };
		        return formatStr.replace(/"[^"]*"|'[^']*'|\b(?:d{1,4}|D{1,4}|M{1,4}|t{3}|T{3}|yy(?:yy)?|YY(?:YY)?|([hHmstT])\1?|[lLZ])\b/g, function (key_word) {
		            switch (key_word) {
		                case 'd': return date.getDate();
		                case 'dd': return add_zero(date.getDate());
		                case 'ddd': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
		                case 'dddd': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
		                case 'D': return date.getDate();
		                case 'DD': return add_zero(date.getDate());
		                case 'DDD': return ['Sun', 'Mon', 'Tue', 'Wed', 'Thr', 'Fri', 'Sat'][date.getDay()];
		                case 'DDDD': return ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'][date.getDay()];
		                case 'M': return date.getMonth() + 1;
		                case 'MM': return add_zero(date.getMonth() + 1);
		                case 'MMM': return ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()];
		                case 'MMMM': return ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'][date.getMonth()];
		                case 'yy': return new String(date.getFullYear()).substr(2);
		                case 'yyyy': return date.getFullYear();
		                case 'YY': return new String(date.getFullYear()).substr(2);
		                case 'YYYY': return date.getFullYear();
		                case 'H': return date.getHours() % 12 || 12;
		                case 'HH': return add_zero(date.getHours() % 12 || 12);
		                case 'h': return date.getHours();
		                case 'hh': return add_zero(date.getHours());
		                case 'm': return date.getMinutes();
		                case 'mm': return add_zero(date.getMinutes());
		                case 's': return date.getSeconds();
		                case 'ss': return add_zero(date.getSeconds());
		                case 'l': return date.getMilliseconds();
		                case 'll': return add_zero(date.getMilliseconds());
		                case 'tt': return date.getHours() < 12 ? 'am' : 'pm';
		                case 'TT': return date.getHours() < 12 ? 'AM' : 'PM';
		                case 'ttt': return date.getHours() < 12 ? '上午' : '下午';
		                case 'TTT': return date.getHours() < 12 ? '上午' : '下午';
		            }
		        });
            }
        }
    });

悦读

道可道，非常道；名可名，非常名。 无名，天地之始，有名，万物之母。 故常无欲，以观其妙，常有欲，以观其徼。 此两者，同出而异名，同谓之玄，玄之又玄，众妙之门。

最新收录
记录些Spring+题集（44）
简明writeStream实现
tkinter+sqlite3学生信息管理系统_python图形界面数据库tkinter+sqlite3
08_实现 reactive
langgraph实现无观测推理 (Reasoning without Observation)
PCIe驱动开发（3）— 驱动设备文件的创建与操作
java实现二分查找-两种方式
【数据结构】什么是二叉搜索(排序)树?
foxpsd:用于NodeJS和浏览器的Photoshop PSD文件解析器
Java之线程
;