詳解vue如何獲取當前系統(tǒng)時間
更新時間：2024年01月11日 09:47:39 作者：吳小花的博客
這篇文章主要詳細介紹了vue如何獲取當前系統(tǒng)時間,本文通過實例代碼給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
1.獲取當前系統(tǒng)時間時分秒
// 標準時間格式轉化為年月日時分秒
export function ssDateTimeFn(timestamp) {
if (!timestamp) {
return timestamp
}
// timestamp是整數(shù)，否則要parseInt轉換,不會出現(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.// 標準時間格式轉化為年月日時分
// 標準時間格式轉化為年月日時分
function mmDateTimeFn(timestamp) {
if (!timestamp) {
return timestamp
}
// timestamp是整數(shù)，否則要parseInt轉換,不會出現(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轉換,不會出現(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)容，更多關于vue獲取當前系統(tǒng)時間的資料請關注腳本之家其它相關文章！
相關文章
Vue綁定class和綁定內(nèi)聯(lián)樣式的實現(xiàn)方法
本文主要介紹了Vue綁定class和綁定內(nèi)聯(lián)樣式的實現(xiàn)方法，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
vue2.0使用swiper組件實現(xiàn)輪播的示例代碼
下面小編就為大家分享一篇vue2.0使用swiper組件實現(xiàn)輪播的示例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了TinyMCE富文本編輯器在Vue中的使用方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
vue-cli2.x項目優(yōu)化之引入本地靜態(tài)庫文件的方法
這篇文章主要介紹了vue-cli2.x項目優(yōu)化之引入本地靜態(tài)庫文件的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
這篇文章主要介紹了vue backtop組件的實現(xiàn)完整代碼,本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-04-04
這篇文章主要介紹了Node.js+Vue腳手架環(huán)境搭建的方法步驟，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2020-03-03
Vue3中element-plus全局使用Icon圖標的過程詳解
我們在用vue開發(fā)網(wǎng)站的時候,往往圖標是起著很重要的作,這篇文章主要給大家介紹了關于Vue3中element-plus全局使用Icon圖標的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-01-01
這篇文章主要介紹了vue-router路由模式詳解(小結)，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-08-08
這篇文章主要為大家介紹了Vue extends 屬性的用法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
這篇文章主要為大家詳細介紹了vue3.0實現(xiàn)考勤日歷組件使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-08-08