格式化时间

格式化时间

软件中的日期格式化

1.日期格式化就是对日期字符串进行解析和格式化输出

2.在软件系统中，展现层的日期数据为字符串，逻辑层的日期为Date对象，存储层的日期数据为时间戳

3.日期格式化就是在不同层次之间进行数据转换
时间戳 <-> Date对象 <-> 格式化字符串

UTC时间与本地时间的关系

UTC(Universal Time Coordinated)是世界统一时间，GMT(Greenwich MeanTime) 格林尼治时间，UTC 与 GMT 的含义完全相同。

UTC + 时区差 = 本地时间
时区差东为正，西为负

本地时间：
 Date: Sun, 13 June 2010 09:45:28+0800
 
UTC时间：
    0945 - 0800 = 0145
   即UTC是当天凌晨1点45分28秒。
   
若结果为负就意味着是UTC前一天，把这个负数加上2400就是UTC在前一天的时间

本地时间：
    本地（北京）时间是0325 （凌晨3点25分）
    
UTC时间：
    0325-0800 = -0475(负号意味着是前一天)
    -0475+3400 = 1925(前一天的晚上7点25分。)
    
    
纽约的时区是西五区，比UTC落后五个小时，记为-0500

UTC + (-0500) = 纽约时间
UTC = 纽约时间 + 0500

UTC = 北京时间 - 0800 = 纽约时间 + 0500

北京时间 = 纽约时间 + 1300
纽约时间 = 北京时间 - 1300
 

new Date()
//Sun Sep 15 2019 17:00:23 GMT+0800 (中国标准时间)

new Date().toUTCString()
//"Sun, 15 Sep 2019 09:01:32 GMT"

日期格式化

/*
d:将日显示为不带前导0的数字，如1
dd:将日显示为带前导0的数字，如01
ddd:将日显示为缩写形式，如Sun
dddd:将日显示为全名，如Sunday

M:将月份显示为不带前导0的数字，如1月显示为1
MM：将月份显示为带前导0的数字，如1月显示为01
MMM:将月份显示为缩写形式，如Jan
MMMM:将月份显示为完整月份名，如January

yy:以两位数字格式显示年份
yyyy:以四位数字格式显示年份

h:使用12小时制将小时显示为不带前导0的数字
hh:使用12小时制将小时显示为带前导0的数字
H:使用24小时制将小时显示为不带前导0的数字
HH:使用24小时制将小时显示为带前导0的数字

m:将分钟显示为不带前导0的数字  
mm:将分钟显示为带前导0的数字  

s：将秒显示为不带前导0的数字  
ss：将秒显示为带前导0的数字  

l：将毫秒显示为不带前导0的数字 
ll：将毫秒显示为带前导0的数字  

tt：显示am/pm  
TT：显示AM/PM 
*/

function dateFormat(formatStr){
    const date = new Date();
    const zeroize = function(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}|M{1,4}|yy(?:yy)?|([hHmstT])\1?|[lLZ])\b/g,function($0){
        switch($0){
            case 'd': return date.getDate();
            case 'dd': return zeroize(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 zeroize(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 'h':return date.getHours() % 12 || 12;
            case 'hh':return zeroize(date.getHours() % 12 || 12);
            case 'H':return date.getHours();
            case 'HH':return zeroize(date.getHours());
            case 'm':return date.getMinutes();
            case 'mm':return zeroize(date.getMinutes());
            case 's':return date.getSeconds();
            case 'ss':return zeroize(date.getSeconds());
            case 'l': return date.getMilliseconds();  
            case 'll': return zeroize(date.getMilliseconds());  
            case 'tt':return date.getHours() < 12 ? 'am' : 'pm';
            case 'TT':return date.getHours() < 12 ? 'AM' : 'PM';
        }
    })
   
}


console.log(dateFormat("yyyy-MM-dd hh:mm:ss"))

正则匹配

(?:)非捕获组匹配的时候不将结果写入匹配组

假设匹配yyyy,可以直接匹配yyyy,也可以分组匹配，2个yy，2个yy匹配总共4个yyyy
yy(?:yy)
yyyy

匹配yy或者yyyy
yy(?:yy)?

'xxxx'.replace(/xx(xx)/,function($0,$1){
    //$0代表第一个分组
    //$1代表第二个分组
    console.log($0,$1)
}