JavaScript時(shí)間轉(zhuǎn)換——特殊格式與毫秒數(shù)(時(shí)間戳)

最近業(yè)務(wù)中重構(gòu)時(shí)間控件,關(guān)于JavaScript的毫秒數(shù)與特殊時(shí)間格式之間的轉(zhuǎn)換也接觸了不少,用框架也無(wú)非就是那么一兩句話的問(wèn)題,但思來(lái)想去凌摄,還是打算自己實(shí)現(xiàn)一遍理解才會(huì)深刻,廢話少說(shuō)乾翔,看以下需求:

1.后臺(tái)返回時(shí)間戳,頁(yè)面需展示出特定時(shí)間格式如"2017-05-06 00:00:00"
2.前端在頁(yè)面接收到特定時(shí)間格式(如上)浓瞪,請(qǐng)求數(shù)據(jù)參數(shù)格式是時(shí)間戳

時(shí)間轉(zhuǎn)毫秒數(shù)

1.根據(jù)日期字符串生成毫秒數(shù)
var longDate = Date.parse('2017-05-06 00:00:00'); //1494000000000,精確到秒
var longDate2 = new Date('2017-05-06 00:00:00').getTime();  //1494000000000,精確到毫秒
2.獲取當(dāng)前時(shí)間戳
var nowTime1 = Date.now();

毫秒數(shù)轉(zhuǎn)時(shí)間

1.普通時(shí)間格式
var time = new Date(1494000000000);
         //Sat May 06 2017 00:00:00 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)
console.info(time instanceof Date);  //true
2.特殊時(shí)間格式
var date = new Date();  //當(dāng)前標(biāo)準(zhǔn)時(shí)間格式
var year = date.getFullYear(); //取得四位數(shù)的年份
var month = date.getMonth()+1; //返回0~11之間的數(shù)字,0代表一月弛秋,11代表12月
var day = date.getDate(); //返回天數(shù)科乎,0~31,getDay()返回的是星期幾(0~6)
var hour = date.getHours(); //獲取小時(shí)
var minute = date.getMinutes(); //獲取分鐘
var second = date.getSeconds(); //獲取秒

console.info(year+'-'+month+'-'+day+' '+hour+':'+minute+':'+second); //2017-5-6 0:0:0
3.丑陋的封裝

上述過(guò)程太過(guò)啰嗦,如果每一次都這么做代碼會(huì)很混亂很臃腫捶障,所以下面對(duì)上述2的方式進(jìn)行簡(jiǎn)單的封裝

//封裝進(jìn)Date對(duì)象中
//接受一個(gè)要格式化的時(shí)間year和預(yù)定的格式e
Date.prototype.format = function(year,e) {
            var year = date.getFullYear(); //取得四位數(shù)的年份
            var month = date.getMonth() + 1; //返回0~11之間的數(shù)字项炼,0代表一月锭部,11代表12月
            var day = date.getDate(); //返回天數(shù),0~31拌禾,getDay()返回的是星期幾(0~6)
            var hour = date.getHours(); //獲取小時(shí)
            var minute = date.getMinutes(); //獲取分鐘
            var second = date.getSeconds(); //獲取秒

            var eArr = e.split(' ');
            var dateArr = eArr[0].split('');
            var ymSymbol = dateArr[1];
            var mdSymbol = dateArr[3];
            var eOpts = {
                Y: year + linkSymbol,
                m: (month < 10 ? '0' + month : month) + linkSymbol,
                d: day < 10 ? '0' + day : day
            }

            var formatStr = eOpts[dateArr[0]] + eOpts[dateArr[2]] + eOpts[dateArr[4]];

            if (eArr.length > 1) {
                var timeArr = eArr[1].split('');
                var HH = ' ' + (hour < 10 ? '0' + hour : hour) + timeArr[2];
                var ii = (minute < 10 ? '0' + minute : minute) + timeArr[5];
                var ss = (second < 10 ? '0' + second : second);
                formatStr = formatStr + HH + ii + ss;
            }
            return formatStr;  //返回格式化后的時(shí)間
        }

//調(diào)用
var useDateFormat = new Date();
var formatDate = useDateFormat.format(new Date(),'Y-m-d');

簡(jiǎn)直很簡(jiǎn)陋湃窍,但大概的思路就是這樣,撤循榆!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末秧饮,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子柑船,更是在濱河造成了極大的恐慌泼各,老刑警劉巖,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件逆巍,死亡現(xiàn)場(chǎng)離奇詭異莽使,居然都是意外死亡芳肌,警方通過(guò)查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門(mén)翎迁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)净薛,“玉大人,你說(shuō)我怎么就攤上這事揍异”啵” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵戚嗅,是天一觀的道長(zhǎng)懦胞。 經(jīng)常有香客問(wèn)我,道長(zhǎng)躏尉,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮教藻,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘碌秸。我一直安慰自己悄窃,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布允趟。 她就那樣靜靜地躺著鸦致,像睡著了一般涣楷。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上狮斗,一...
    開(kāi)封第一講書(shū)人閱讀 49,166評(píng)論 1 284
  • 那天碳褒,我揣著相機(jī)與錄音,去河邊找鬼睦授。 笑死摔寨,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的删顶。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼特咆,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼录粱!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起荒叶,我...
    開(kāi)封第一講書(shū)人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤些楣,失蹤者是張志新(化名)和其女友劉穎宪睹,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體鹅很,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡罪帖,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年整袁,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片绳匀。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡疾棵,死狀恐怖痹仙,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蝶溶,我是刑警寧澤宣渗,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布痕囱,位于F島的核電站暴匠,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏每窖。R本人自食惡果不足惜窒典,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望涩搓。 院中可真熱鬧劈猪,春花似錦、人聲如沸充边。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)湖饱。三九已至杀捻,卻和暖如春蚓庭,著一層夾襖步出監(jiān)牢的瞬間致讥,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工器赞, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留垢袱,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓港柜,卻偏偏與公主長(zhǎng)得像请契,于是被迫代替她去往敵國(guó)和親咳榜。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

推薦閱讀更多精彩內(nèi)容

  • 國(guó)家電網(wǎng)公司企業(yè)標(biāo)準(zhǔn)(Q/GDW)- 面向?qū)ο蟮挠秒娦畔?shù)據(jù)交換協(xié)議 - 報(bào)批稿:20170802 前言: 排版 ...
    庭說(shuō)閱讀 10,871評(píng)論 6 13
  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,525評(píng)論 25 707
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理爽锥,服務(wù)發(fā)現(xiàn)涌韩,斷路器,智...
    卡卡羅2017閱讀 134,601評(píng)論 18 139
  • 下午氯夷,簡(jiǎn)易后彎(無(wú)支撐)+倒立 后彎對(duì)身體前側(cè)的要求,如:大腿前側(cè)腮考,腳背雇毫,腹部延伸拉長(zhǎng)。 一踩蔚、熱身 1棚放、站姿前曲:...
    Jennifer_Jin閱讀 267評(píng)論 0 0
  • 父親在王白莊煤礦當(dāng)鐵匠十余年,那時(shí)我經(jīng)常來(lái)煤礦玩馅闽,晚上去部隊(duì)看電影席吴,在精神物質(zhì)不豐富的年代里,這可是刻骨銘心的美好...
    青梅煮酒見(jiàn)君閱讀 1,200評(píng)論 0 1