微信小程序?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.先看一下沒(méi)有格式化之前的寫法
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)文章
element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼
這篇文章主要介紹了element plus表格的表頭和內(nèi)容居中的實(shí)現(xiàn)代碼,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友參考下吧2024-01-01
js實(shí)現(xiàn)手表表盤時(shí)鐘與圓周運(yùn)動(dòng)
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)手表表盤時(shí)鐘與圓周運(yùn)動(dòng)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-09-09
JavaScript極簡(jiǎn)入門教程（二）：對(duì)象和函數(shù)
這篇文章主要介紹了JavaScript極簡(jiǎn)入門教程（二）：對(duì)象和函數(shù),本文講解了對(duì)象基礎(chǔ)知識(shí)、函數(shù)基礎(chǔ)知識(shí)、函數(shù)調(diào)用、異常、繼承等內(nèi)容,需要的朋友可以參考下2014-10-10
JavaScript中定時(shí)控制Throttle、Debounce和Immediate詳解
大家可能都知道JavaScript遵循事件驅(qū)動(dòng)的編程范例，這意味著一些行為可以激活一些響應(yīng)，并且這些響應(yīng)僅在發(fā)生特定的行為時(shí)才被激活。這篇文章將給大家詳細(xì)介紹JavaScript中的定時(shí)控制Throttle、Debounce和Immediate，有需要的朋友們可以參考借鑒，下面來(lái)一起看看吧。2016-11-11
jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法【使用jQuery.color.js插件】
這篇文章主要介紹了jQuery animate()實(shí)現(xiàn)背景色漸變效果的處理方法,結(jié)合實(shí)例形式分析了jQuery顏色插件jquery.color.js實(shí)現(xiàn)背景色漸變的簡(jiǎn)單操作技巧,需要的朋友可以參考下2017-03-03
JS實(shí)現(xiàn)根據(jù)用戶輸入分鐘進(jìn)行倒計(jì)時(shí)功能
倒計(jì)時(shí)功能大家無(wú)論在各大網(wǎng)站都可以看到，今天小編給大家分享一段基于js實(shí)現(xiàn)的根據(jù)用戶輸入分鐘進(jìn)行倒計(jì)時(shí)功能，非常不錯(cuò)，需要的朋友參考下吧2016-11-11
【JS+CSS3】實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼
下面小編就為大家?guī)?lái)一篇【JS+CSS3】實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果的示例代碼。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家。給大家一個(gè)參考2016-03-03
JS實(shí)現(xiàn)可以用鍵盤方向鍵控制的動(dòng)畫
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)可以用鍵盤方向鍵控制的動(dòng)畫，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
JSON 是 JavaScript 原生格式，這意味著 在 JavaScript 中處理 JSON 數(shù)據(jù)不需要任何特殊的 API 或工具包,接下來(lái)由腳本之家小編給大家介紹在JavaScript中使用JSON數(shù)據(jù)的方法，感興趣的朋友一起學(xué)習(xí)吧2016-02-02
這篇文章主要給大家介紹了關(guān)于JS異步的執(zhí)行原理和回調(diào)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2021-03-03