微信小程序?qū)崿F(xiàn)日期格式化
最近做了一個(gè)微信小程序的項(xiàng)目，關(guān)于后端給我傳遞日期的時(shí)候，我拿到的是一串?dāng)?shù)字如：createDate: 1552117531000 ，這是一個(gè)列的創(chuàng)建時(shí)間，現(xiàn)在卻變成了一串?dāng)?shù)字，這是怎么回事？其實(shí)這串?dāng)?shù)字是1970年到現(xiàn)在的一個(gè)毫秒數(shù)，那怎么把這個(gè)毫秒數(shù)格式化成為日期呢？接下來(lái)就是我們?cè)撟龅氖虑榱恕?/p>
1.先看一下沒有格式化之前的寫法
js
tapPaying: function (options) {
? //封裝過(guò)的訪問(wèn)路徑
? ? 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頁(yè)面寫日期格式轉(zhuǎn)換的方法
dateFormat(date, fmt) { // author: meizz
? ? var o = {
? ? ? 'M+': date.getMonth() + 1, // 月份
? ? ? 'd+': date.getDate(), // 日
? ? ? 'H+': date.getHours(), // 小時(shí)
? ? ? '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)格式化完成
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文給大家介紹javascript中的閉包，包括對(duì)js閉包概念的理解，閉包的幾種寫法和用法，閉包的主要作用，閉包與this對(duì)象，閉包與內(nèi)存泄露及使用閉包的注意點(diǎn)相關(guān)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-06-06
uni-app登錄與支付功能實(shí)現(xiàn)三秒后自動(dòng)跳轉(zhuǎn)
這篇文章主要介紹了uni-app:登錄與支付-- 三秒后自動(dòng)跳轉(zhuǎn),本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-03-03
JavaScript iframe數(shù)據(jù)共享接口實(shí)現(xiàn)方法
在iframe與父窗口或者與子窗口傳遞數(shù)據(jù)是一個(gè)麻煩的事情，如果我們能夠?qū)懸粋€(gè)一勞永逸的接口那就再方便不過(guò)了，下面就來(lái)簡(jiǎn)答介紹一下如何實(shí)現(xiàn)此功能，對(duì)js iframe相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2016-01-01
淺談webpack性能榨汁機(jī)(打包速度優(yōu)化)
這篇文章主要介紹了淺談webpack性能榨汁機(jī)(打包速度優(yōu)化)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-01-01
擴(kuò)展IE中一些不兼容的方法如contains、startWith等等
擴(kuò)展IE中一些不兼容的方法如contains方法、startWith方法等等，下面是具體的實(shí)現(xiàn)代碼，喜歡的朋友可以參考下2014-01-01
基于JS實(shí)現(xiàn)回到頁(yè)面頂部的五種寫法(從實(shí)現(xiàn)到增強(qiáng))
這篇文章主要介紹了基于JS實(shí)現(xiàn)回到頁(yè)面頂部的五種寫法(從實(shí)現(xiàn)到增強(qiáng))的相關(guān)資料,本文介紹的非常詳細(xì)，實(shí)用性也非常高，非常具有參考借鑒價(jià)值，需要的朋友可以參考下2016-09-09
大家都習(xí)慣了重載帶來(lái)的便利。JavaScript有沒有重載呢？有人會(huì)回答沒有，因?yàn)楹瘮?shù)會(huì)被覆蓋；有人說(shuō)有，我們可以模擬重載這 一操作。2010-07-07
Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)
這篇文章介紹了Enter轉(zhuǎn)換為Tab的小例子(兼容IE,Firefox)，有需要的朋友可以參考一下2013-11-11
JS 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法
下面小編就為大家?guī)?lái)一篇JS 在數(shù)組指定位置插入/刪除數(shù)據(jù)的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-01-01
微信小程序scroll-view實(shí)現(xiàn)滾動(dòng)到錨點(diǎn)左側(cè)導(dǎo)航欄點(diǎn)餐功能(點(diǎn)擊種類,滾動(dòng)到錨點(diǎn))
這篇文章主要介紹了微信小程序scroll-view左側(cè)導(dǎo)航欄點(diǎn)餐功能實(shí)現(xiàn)，點(diǎn)擊種類，滾動(dòng)到錨點(diǎn)；滾動(dòng)到錨點(diǎn)，種類選中,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06