微信小程序?qū)崿F(xiàn)日期格式化
更新時間：2022年07月01日 08:25:40 作者：與黑夜為伍
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)日期格式化，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
最近做了一個微信小程序的項目，關(guān)于后端給我傳遞日期的時候，我拿到的是一串數(shù)字如：createDate: 1552117531000 ，這是一個列的創(chuàng)建時間，現(xiàn)在卻變成了一串數(shù)字，這是怎么回事？其實這串數(shù)字是1970年到現(xiàn)在的一個毫秒數(shù)，那怎么把這個毫秒數(shù)格式化成為日期呢？接下來就是我們該做的事情了。
1.先看一下沒有格式化之前的寫法
js
tapPaying: function (options) {
? //封裝過的訪問路徑
? ? orderApi.userOrder({ status: "wait", merchant: wx.getStorageSync('user').mId }).then((res) => {
? ? //查詢成功后返回的數(shù)據(jù)
? ? ? console.log(res.data.content)
? ? ? this.setData({
? ? ? ? waitOrder: res.data.content
? ? ? })
? ? }).catch((err) => {
? ? ? console.log(err)
? ? })
? },wxml
<view class="name" wx:for="{{waitOrder}}" wx:for-key="index" wx:for-item="ev">
? ?{{ev.createDate}}
</view>查詢結(jié)果
2.現(xiàn)在使用日期格式化
1.現(xiàn)在js頁面寫日期格式轉(zhuǎn)換的方法
dateFormat(date, fmt) { // author: meizz
? ? var o = {
? ? ? 'M+': date.getMonth() + 1, // 月份
? ? ? 'd+': date.getDate(), // 日
? ? ? 'H+': date.getHours(), // 小時
? ? ? 'm+': date.getMinutes(), // 分
? ? ? 's+': date.getSeconds(), // 秒
? ? ? 'q+': Math.floor((date.getMonth() + 3) / 3), // 季度
? ? ? S: date.getMilliseconds() // 毫秒
? ? }
? ? if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
? ? for (var k in o) { if (new RegExp('(' + k + ')').test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? (o[k]) : (('00' + o[k]).substr(('' + o[k]).length))) }
? ? return fmt
? },2.在js中，返回查詢結(jié)果中調(diào)用此方法
tapPaying: function (options) {
? ? orderApi.userOrder({ status: "wait", merchant: wx.getStorageSync('user').mId }).then((res) => {
? ? ? console.log(res.data.content)
? ? ? let waitOrder = res.data.content
? ? ? //格式化日期
? ? ? waitOrder.map((item) => {
? ? ? ? if (item.createDate) item.createDate = this.dateFormat(new Date(item.createDate), 'yyyy-MM-dd HH:mm:ss')
? ? ? })
? ? ? this.setData({
? ? ? ? waitOrder
? ? ? })
? ? }).catch((err) => {
? ? ? console.log(err)
? ? })
? },3.wxml不做任何修改，重新編譯，然后查看
到此日期已經(jīng)格式化完成
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文給大家介紹javascript中的閉包，包括對js閉包概念的理解，閉包的幾種寫法和用法，閉包的主要作用，閉包與this對象，閉包與內(nèi)存泄露及使用閉包的注意點相關(guān)知識，非常不錯，具有參考借鑒價值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
uni-app登錄與支付功能實現(xiàn)三秒后自動跳轉(zhuǎn)
這篇文章主要介紹了uni-app:登錄與支付-- 三秒后自動跳轉(zhuǎn),本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-03-03
JavaScript iframe數(shù)據(jù)共享接口實現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個麻煩的事情，如果我們能夠?qū)懸粋€一勞永逸的接口那就再方便不過了，下面就來簡答介紹一下如何實現(xiàn)此功能，對js iframe相關(guān)知識感興趣的朋友一起學(xué)習(xí)吧2016-01-01
這篇文章主要介紹了淺談webpack性能榨汁機(打包速度優(yōu)化)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
擴展IE中一些不兼容的方法如contains、startWith等等
擴展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具體的實現(xiàn)代碼，喜歡的朋友可以參考下2014-01-01
基于JS實現(xiàn)回到頁面頂部的五種寫法(從實現(xiàn)到增強)
這篇文章主要介紹了基于JS實現(xiàn)回到頁面頂部的五種寫法(從實現(xiàn)到增強)的相關(guān)資料,本文介紹的非常詳細，實用性也非常高，非常具有參考借鑒價值，需要的朋友可以參考下2016-09-09
大家都習(xí)慣了重載帶來的便利。JavaScript有沒有重載呢？有人會回答沒有，因為函數(shù)會被覆蓋；有人說有，我們可以模擬重載這 一操作。2010-07-07
Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)
這篇文章介紹了Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)，有需要的朋友可以參考一下2013-11-11
JS 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法
下面小編就為大家?guī)硪黄狫S 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-01-01
微信小程序scroll-view實現(xiàn)滾動到錨點左側(cè)導(dǎo)航欄點餐功能(點擊種類,滾動到錨點)
這篇文章主要介紹了微信小程序scroll-view左側(cè)導(dǎo)航欄點餐功能實現(xiàn)，點擊種類，滾動到錨點；滾動到錨點，種類選中,本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06