前端常見的時間轉換方法以及獲取當前時間方法小結
更新時間：2024年01月22日 15:22:17 作者：起名時在學Aiifox
在做開發(fā)時會對不同的時間格式進行轉換,下面這篇文章主要給大家介紹了關于前端常見的時間轉換方法以及獲取當前時間方法的相關資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
1、獲取當前年月日時間
getCurrentDate() {
const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1; // JavaScript的月份是從0開始的，所以需要加1
const day = date.getDate();
const hours = date.getHours().toString().padStart(2, '0'); // 補零
const minutes = date.getMinutes().toString().padStart(2, '0'); // 補零
this.currentDate = `${year}-${month}.${day}-${hours}:${minutes}`;
},2、將時間戳轉換為指定格式
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中時間轉換插件：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('需要轉換的時間').format('YYYY-MM-DD') 
總結
到此這篇關于前端常見的時間轉換方法以及獲取當前時間方法的文章就介紹到這了,更多相關前端時間轉換及獲取當前時間內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
這篇文章主要介紹了JS字典Dictionary類定義與用法,結合實例形式分析了javascript字典Dictionary的定義、添加、移除、統(tǒng)計等相關操作技巧,需要的朋友可以參考下2019-02-02
微信小程序bindtap與catchtap的區(qū)別詳解
本文主要介紹了微信小程序bindtap與catchtap的區(qū)別詳解，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
javascript橋接橋接設計模式（Bridge Pattern）是一種結構型設計模式,它用于將抽象部分與其具體實現(xiàn)部分分離,使它們可以獨立地變化,本文將通過代碼示例詳解的給大家介紹一下JS橋接模式,需要的朋友可以參考下2023-08-08
本文分享了基于javascript實現(xiàn)的根據(jù)輸入郵箱號跳轉到相應登錄地址的具體實例代碼，需要的朋友一起來看下吧2016-12-12
eval的用法eval函數(shù)接收一個參數(shù)s，如果s不是字符串，則直接返回s。否則執(zhí)行s語句,下面給出eval解析json的示例2014-01-01
這篇文章主要給大家介紹了關于js使用child_process模塊操作cmd命令的相關資料,在JavaScript中執(zhí)行CMD命令非常靈活,可以執(zhí)行任何CMD命令,例如:復制、移動、刪除文件等等,需要的朋友可以參考下2024-01-01
根據(jù)地區(qū)不同顯示時間的javascript代碼
根據(jù)地區(qū)不同顯示時間的javascript代碼...2007-08-08
本文為大家介紹下js中的屏蔽的應用；屏蔽網(wǎng)頁內(nèi)容選中、剪切、復制及拷屏總之你能想象的應該都有，感興趣的朋友可以參考下，希望對大家學習js有所幫助2013-07-07
不錯的應用，用方向鍵控制小方塊的移動2008-09-09
JS基于對象的特性實現(xiàn)去除數(shù)組中重復項功能詳解
這篇文章主要介紹了JS基于對象的特性實現(xiàn)去除數(shù)組中重復項功能,結合實例形式較為詳細的分析了js基于key值唯一性實現(xiàn)數(shù)組去重的具體步驟與相關操作技巧,需要的朋友可以參考下2017-11-11