前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法小結(jié)
1、獲取當(dāng)前年月日時(shí)間
getCurrentDate() {
const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1; // JavaScript的月份是從0開(kāi)始的,所以需要加1
const day = date.getDate();
const hours = date.getHours().toString().padStart(2, '0'); // 補(bǔ)零
const minutes = date.getMinutes().toString().padStart(2, '0'); // 補(bǔ)零
this.currentDate = `${year}-${month}.${day}-${hours}:${minutes}`;
},2、將時(shí)間戳轉(zhuǎn)換為指定格式
function formatTime(time, format) {
const date = new Date(time);
const year = date.getFullYear();
const month = (date.getMonth() + 1).toString().padStart(2, '0');
const day = date.getDate().toString().padStart(2, '0');
const hour = date.getHours().toString().padStart(2, '0');
const minute = date.getMinutes().toString().padStart(2, '0');
const second = date.getSeconds().toString().padStart(2, '0');
let result = '';
switch (format) {
case 'yyyy-MM-dd':
result = `${year}-${month}-${day}`;
break;
case 'yyyy/MM/dd':
result = `${year}/${month}/${day}`;
break;
case 'yyyy年MM月dd日':
result = `${year}年${month}月${day}日`;
break;
case 'HH:mm:ss':
result = `${hour}:${minute}:${second}`;
break;
default:
result = `${year}-${month}-${day} ${hour}:${minute}:${second}`;
}
return result;
}
3、vue中時(shí)間轉(zhuǎn)換插件:moment.js
官網(wǎng):Moment.js 中文網(wǎng)
(1)下載安裝包
npm install moment --save
(2)在main.js中引入
import moment from 'moment' Vue.prototype.$moment = moment
(3)使用
this.$moment('需要轉(zhuǎn)換的時(shí)間').format('YYYY-MM-DD') 

總結(jié)
到此這篇關(guān)于前端常見(jiàn)的時(shí)間轉(zhuǎn)換方法以及獲取當(dāng)前時(shí)間方法的文章就介紹到這了,更多相關(guān)前端時(shí)間轉(zhuǎn)換及獲取當(dāng)前時(shí)間內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
js編寫(xiě)trim()函數(shù)及正則表達(dá)式的運(yùn)用
js中本身是沒(méi)有trim函數(shù)的,不過(guò)你可以自己寫(xiě)一個(gè),下面的實(shí)現(xiàn)方法是用到了正則表達(dá)式,效率不錯(cuò),并把這三個(gè)方法加入String對(duì)象的內(nèi)置方法中去2013-10-10
基于JS實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng)
這篇文章主要為大家詳細(xì)介紹了基于HTML+JavaScript實(shí)現(xiàn)簡(jiǎn)單的隨機(jī)抽取幸運(yùn)員工系統(tǒng),文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起了解一下2023-11-11
判斷是否安裝flash player及當(dāng)前版本的JS代碼
本文為大家講述下如何使用jsJS判斷是否安裝flash player及版本,下面的處理代碼或許對(duì)大家有所幫助,感興趣的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08
JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁(yè)的方法
這篇文章主要介紹了JS實(shí)現(xiàn)禁止用戶使用Ctrl+鼠標(biāo)滾輪縮放網(wǎng)頁(yè)的方法,涉及javascript頁(yè)面元素與事件相關(guān)操作技巧,需要的朋友可以參考下2017-04-04
layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法
今天小編就為大家分享一篇layui上傳圖片到服務(wù)器的非項(xiàng)目目錄下的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2019-09-09
JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速的方法詳解
在我們的日常生活中離不開(kāi)網(wǎng)絡(luò),而網(wǎng)絡(luò)的快慢直接決定了用戶的產(chǎn)品使用體驗(yàn)。本文就來(lái)帶大家了解如何用JavaScript實(shí)現(xiàn)網(wǎng)絡(luò)測(cè)速,需要的可以參考一下2023-01-01
JS簡(jiǎn)單設(shè)置下拉選擇框默認(rèn)值的方法
這篇文章主要介紹了JS簡(jiǎn)單設(shè)置下拉選擇框默認(rèn)值的方法,涉及javascript針對(duì)頁(yè)面元素的遍歷、查找及設(shè)置技巧,需要的朋友可以參考下2016-08-08

