時間格式封裝及使用

2021-10-06 06:41:54 字數 1265 閱讀 2157

檔案:util.js下

const formatdate =

(time, separator =

'-', type =

'yyyy-mm-dd'

)=>

// 後台返回的時間戳可能是字串型別的可能是幾個時間戳

let ary =

let date

if(time instanceof

date

)else

date =

newdate

(time)

let year = date.

getfullyear()

let month = date.

getmonth()

<9?

`0$` : date.

getmonth()

+1let day = date.

getdate()

<10?

`0$` : date.

getdate()

let hour = date.

gethours()

<10?

`0$` : date.

gethours()

let min = date.

getminutes()

<10?

`0$` : date.

getminutes()

let sec = date.

getseconds()

<10?

`0$` : date.

getseconds()

switch

(type)

return ary.

join

(separator)

}export

元件呼叫:引入import from './util.js'

宣告://不宣告,可以在js 中使用,不能在template中使用

methods:

1、將拿到的時間戳直接渲染:

}<

/span>

2、js

item.gettime =

formatdate

(item.gainqualificationstime,

'-',

'yy-mm-dd'

)

moment 時間格式的封裝

在這使用乙個時間工具類來做乙個格式規劃,獲取時間的格式你可以自己定義。在這主要是用來 獲取前一天的時間,時間分隔點為1小時,獲取前一周的時間,時間間隔為一天,獲取前乙個的時間,時間間隔為一天 eslint disable import moment from moment import moment...

時間戳轉換為其他時間格式的封裝

最近做vue相關的專案,用到了後台返回的時間,因為後台返回的時間都是時間戳格式,加上專案中多次用到了時間的不同格式的顯示,為此自行封裝了關於時間戳轉換時間格式的方法,可能有待優化,但對於新手都是可以理解的,不足之處還望各位大佬指正。言歸正傳,封裝方法考慮的就是引數的問題,根據引數執行方法,直接上 不...

vue axios 封裝及使用

在vue專案中,和後台互動獲取資料這塊,我們通常使用的是axios庫,它是基於promise的http庫,可執行在瀏覽器端和node.js中。他有很多優秀的特性,例如攔截請求和響應 取消請求 轉換json 客戶端防禦xsrf等。1 首先建立 vue 專案,安裝 axiosvue create dem...