詳解vue如何獲取當前系統(tǒng)時間
更新時間：2024年01月11日 09:47:39 作者：吳小花的博客
這篇文章主要詳細介紹了vue如何獲取當前系統(tǒng)時間,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
1.獲取當前系統(tǒng)時間時分秒
// 標準時間格式轉(zhuǎn)化為年月日時分秒
export function ssDateTimeFn(timestamp) {
if (!timestamp) {
return timestamp
}
// timestamp是整數(shù)，否則要parseInt轉(zhuǎn)換,不會出現(xiàn)少個0的情況
const time = new Date(timestamp)
const year = time.getFullYear()
const month = time.getMonth() + 1
const date = time.getDate()
const hours = time.getHours()
const minutes = time.getMinutes()
const seconds = time.getSeconds()
return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes) + ':' + add0(seconds)
}import {
ssDateTimeFn
} from '@/utils/commonss' // 公共事件引入使用ssDateTimeFn(new Date())
2.// 標準時間格式轉(zhuǎn)化為年月日時分
// 標準時間格式轉(zhuǎn)化為年月日時分
function mmDateTimeFn(timestamp) {
if (!timestamp) {
return timestamp
}
// timestamp是整數(shù)，否則要parseInt轉(zhuǎn)換,不會出現(xiàn)少個0的情況
const time = new Date(timestamp)
const year = time.getFullYear()
const month = time.getMonth() + 1
const date = time.getDate()
const hours = time.getHours()
const minutes = time.getMinutes()
// const seconds = time.getSeconds()
return year + '-' + add0(month) + '-' + add0(date) + ' ' + add0(hours) + ':' + add0(minutes)
}3.年月日不帶時分
// 年月日 不帶時分
function dateFormat(timestamp) {
if (!timestamp) {
return timestamp
}
// timestamp是整數(shù)，否則要parseInt轉(zhuǎn)換,不會出現(xiàn)少個0的情況
const time = new Date(timestamp)
const year = time.getFullYear()
const month = time.getMonth() + 1
const date = time.getDate()
return year + '-' + add0(month) + '-' + add0(date)
}以上就是詳解vue如何獲取當前系統(tǒng)時間的詳細內(nèi)容，更多關(guān)于vue獲取當前系統(tǒng)時間的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
深入解析el-col-group強大且靈活的Element表格列組件
這篇文章主要為大家介紹了el-col-group強大且靈活的Element表格列組件深入解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-04-04
vue?elementui動態(tài)添加el-input實例代碼
最近遇到一個新的需求,需要動態(tài)添加el-input,這篇文章主要給大家介紹了關(guān)于vue?elementui動態(tài)添加el-input的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-06-06
因為近日在學習并使用VUE,客戶有一個要求,要輸入框可模糊查詢并帶有下拉提示的應用,數(shù)據(jù)從接口取,下面這篇文章主要給大家介紹了關(guān)于Vue實現(xiàn)模糊查詢filter()的相關(guān)資料,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了如何手寫簡易的 Vue Router，幫助大家更好的理解和使用vue，感興趣的朋友可以了解下2020-10-10
很多人知道插槽分為三種，但是實際到elementui當中為什么這么用，就一臉懵逼，接下來就跟大家聊一聊插槽在elementui中的應用，并且自己寫一個類似el-table的組件，感興趣的可以了解一下2023-05-05
本篇文章主要介紹了用Vue寫一個分頁器的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
這篇文章給大家分享了Vue實例以及生命周期的相關(guān)知識點內(nèi)容，有興趣的朋友們可以學習下。2018-08-08
vue2中使用echarts實現(xiàn)中國地圖、在中國地圖上標注坐標散點圖的操作代碼
這篇文章主要介紹了vue2中使用echarts實現(xiàn)中國地圖、在中國地圖上標注坐標散點圖,本文通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2024-05-05
這篇文章主要介紹了vue3之a(chǎn)xios跨域請求問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-09-09
要求點擊修改按鈕之后部分輸入框由禁用狀態(tài)變?yōu)榭捎脿顟B(tài)。下面我給大家分享一段實例代碼基于vue組件中點擊按鈕后修改輸入框的狀態(tài)，需要的的朋友參考下2017-04-04