隨著行動互聯時代的到來,APP 開發的需求大量湧現。如今,開發者們已經擺脫了單一語言的短視,正在廣泛探索各種跨平台開發框架。而今,跨平台開發框架已成為 APP 開發的主流方向之一,其中 uniapp 可謂得到了廣泛的應用。
當我們使用 uniapp 進行APP開發時,經常會遇到時間戳記的問題。時間戳在開發中扮演非常重要的角色。例如在留言、評論、發表文章等操作中,需要記錄發表時間,那麼如何將時間戳記轉換成日期呢?
首先,我們要了解什麼是時間戳記。時間戳記是指格林威治時間1970年01月01日00時00分00秒(北京時間1970年01月01日08時00分00秒)起至現在的總毫秒數。時間戳在計算機操作中十分常用,因為它能夠方便地計算時間間隔。
身為開發者,我們需要將時間戳記轉換成日期。 Uniapp 提供了一個函數 new Date()
來取得目前實例化日期物件的方法。這個方法的基本語法為:new Date(參數)
。
在將時間戳記轉換為日期的過程中,我們需要將時間戳轉換為當地的時間格式,中國的時間格式一般為 yyyy/MM/dd hh:mm:ss。接著我們先將時間戳記轉換為指定格式的時間字串,然後再將時間字串轉換為日期物件。在 uniapp 中,可以採用下列函數實現時間戳記到日期的轉換。
function timestampToTime(timestamp) { const date = new Date(timestamp) const Y = date.getFullYear() + '/' const M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '/' const D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate()) + ' ' const h = (date.getHours() < 10 ? '0'+(date.getHours()) : date.getHours()) + ':' const m = (date.getMinutes() < 10 ? '0'+(date.getMinutes()) : date.getMinutes()) + ':' const s = (date.getSeconds() < 10 ? '0'+(date.getSeconds()) : date.getSeconds()) return Y+M+D+h+m+s }
以上程式碼透過實例化日期物件的方法,將時間戳記轉換為本機時間格式後再轉換為指定格式的時間字串。其中,date.getFullYear()
用來取得年份,date.getMonth() 1
用來取得月份,需要加一才能得到實際月份,date.getDate( )
用於取得日期,date.getHours()
用於取得小時,date.getMinutes()
用於取得分鐘,date.getSeconds()
用於取得秒。最後,我們可以將這些值拼接起來得到我們需要的時間格式。
在實際開發中我們可以這樣使用:
this.time = timestampToTime(1599364981865)
以上程式碼在頁面的data 中建立一個變數time
,然後在頁面的onLoad 生命週期函數中調用timestampToTime()
函數,將時間戳記轉換成時間格式並儲存在time
變數中。
時間戳記日期是一個開發者們需要熟練的技能。利用 JavaScript 的日期物件和 new Date()
函數,我們可以輕鬆實現時間戳記到時間格式的轉換。使用這個方法,我們可以在我們的APP開發中,為許多場景下的時間格式功能提供支持,也可以大大提高我們的開發效率。
以上是uniapp時間戳記轉換成日期的詳細內容。更多資訊請關注PHP中文網其他相關文章!