用正則表達(dá)式做日期格式化

var dateHelper = new DateHelper();
console.log(dateHelper.getDateFormatString("YYYY-MM-dd"))

輸出:2018-08-26 21:11:15
可以輸入其他的分隔符
YYYY/MM/dd HH:mm:ss 2018/08/26 21:12:22
YY/MM/dd HH:mm 2018/08/26 21:14
dd/MM/YY HH:mm 26/08/2018 21:15

日常開發(fā)中難免會(huì)遇到這個(gè)需求,以前想用邏輯寫一個(gè),發(fā)現(xiàn)太麻煩。
以Y、H、M、D為例,不確定用戶輸入的順序,關(guān)鍵詞的個(gè)數(shù),以及以什么分割。
再又、又一輪的正則表達(dá)式學(xué)習(xí)后(說多了都是淚),我覺得自己有點(diǎn)入門了,再次遇到相同的情況,也有了思路。

規(guī)則如下(跟Java語言中simpledateformat的規(guī)律是一樣的,這里是其中的一部分):

      y 年
      M 月
      d 日
      H 時(shí) 在一天中 (0~23)
      m 分
      s 秒

代碼如下

class DateHelper{
    getElements(allString){
        let date = new Date();
        let obj =  {
            fullYear:date.getFullYear(),
            year:date.getYear(),
            date:date.getDate(),
            hours:date.getHours(),
            minutes:date.getMinutes(),
            seconds:date.getSeconds(),
            month:date.getMonth() + 1,
            day:date.getDay(),
            milliseconds:date.getMilliseconds(),
        }
        if(allString){
            for(let key in obj){
                obj[key] = obj[key] + "";
            }
        }
        return obj;
    }
    getTimestamp(){
        return +new Date();
    }
    getDateFormatString(format = 'YYYY-MM-dd'){
        let perFormat = format;
        let regexps =  [/Y{1,4}/,/M{1,2}/,/d{1,2}/,/H{1,2}/,/m{1,2}/,/s{1,2}/];
        let dateElements = this.getElements(true);
        function addZero(origin,target){
            if(origin.length == 2 && target.length == 1){
                return "0"+target;
            }
            return target;
        }
        regexps.forEach((regexp,index)=>perFormat = perFormat.replace(regexp,function(all){


            switch(index){
                case 0:{
                    let val = dateElements.fullYear;
                    return val.substring(-all.length);
                };break;
                case 1:{
                    let val = dateElements.month;
                    return addZero(all,val);
                };break;
                case 2:{
                    let val = dateElements.date;
                    return addZero(all,val);
                };break;
                case 3:{
                    let val = dateElements.hours;
                    return addZero(all,val);
                };break;
                case 4:{
                    let val = dateElements.minutes;
                    return addZero(all,val);
                };break;
                case 5:{
                    let val = dateElements.seconds;
                    return addZero(all,val);
                };break;
            }
        }))
        return perFormat;
        
    }

}

作為個(gè)人封裝的js,滿足實(shí)際需求就好,沒必要一開始就做的大而全。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容