uniapp時間格式化處理實(shí)現(xiàn)
應(yīng)用需求分析:前臺頁面有時需要展示YYYY-MM-DD格式,但后臺卻返回給我們YYYY-MM-DD hh:mm:ss、或者是一串字符
//格式化處理 方式一: dateFormat(time) { let date = new Date(time); let year = date.getFullYear(); // 在日期格式中,月份是從0開始的,因此要加0,使用三元表達(dá)式在小于10的前面加0,以達(dá)到格式統(tǒng)一 如 09:11:05 let month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1; let day = date.getDate() < 10 ? "0" + date.getDate() : date.getDate(); let hours = date.getHours() < 10 ? "0" + date.getHours() : date.getHours(); let minutes = date.getMinutes() < 10 ? "0" + date.getMinutes() : date.getMinutes(); let seconds = date.getSeconds() < 10 ? "0" + date.getSeconds() : date.getSeconds(); // 拼接 // return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds; return year + "-" + month + "-" + day; }, <view v-if="item.rukudate">{{ dateFormat(item.rukudate) }}</view>
或者
<view v-if="item.yuyuedate" :class="dateFormat(item.yuyuedate) == day ? 'sameDay' : '' ">{{ dateFormat(item.yuyuedate) }}</view> //格式化處理 方式二: // 時間過濾器 ? ? ? ? filters:{ ? ? ? ? ? ? formatDate(date){ ? ? ? ? ? ? ? ? console.log(date) ? ? ? ? ? ? ? ? let newDate = new Date(date); ? ? ? ? ? ? ? ? let year = newDate.getFullYear(); ? ? ? ? ? ? ? ? let month = newDate.getMonth().toString().padStart(2,0); ? ? ? ? ? ? ? ? let day = newDate.getDay().toString().padStart(2,0); ? ? ? ? ? ? ? ? return year + '-' + month + '-' + day; ? ? ? ? ? ? } ? ? ? ? }, <view>發(fā)表時間:{{ item.add_time | formatDate }}</view>
PS:uniapp實(shí)現(xiàn)時間格式化,顯示幾分鐘之前
<template> ?? ?<view class="content"> ?? ??? ?<view> ?? ??? ??? ?<text>{{time}}</text> ? ? ? ? </view> ?? ?</view> </template> <script> ?? ?var dateUtils = require('../../components/util.js').dateUtils; ?? ?export default { ?? ??? ?data() { ?? ??? ??? ?return { ?? ??? ??? ??? ?time:'' ?? ??? ??? ?} ?? ??? ?}, ?? ??? ?onLoad() { ?? ??? ??? ?uni.request({ ?? ??? ??? ??? ?url: 'http://api.hnwlcm.com:8081/articleCover/Recommend/1?category=1', ?? ??? ??? ??? ?method: 'GET', ?? ??? ??? ??? ?success: res => { ?? ??? ??? ??? ??? ?console.log(res); ?? ??? ??? ??? ??? ?var newsList = res.data.extend.articles; ?? ??? ??? ??? ??? ? ?? ??? ??? ??? ??? ?// 時間問題 ?? ??? ??? ??? ??? ?for (var i in newsList) { ?? ??? ??? ??? ??? ??? ?this.time = dateUtils.format(newsList[i].updateTime); ?? ??? ??? ??? ??? ??? ?// console.log(this.time) ?? ??? ??? ??? ??? ?} ?? ??? ??? ??? ?} ?? ??? ??? ?}); ?? ??? ?}, ?? ??? ?methods: { ?? ??? ??? ? ?? ??? ?} ?? ?} </script> <style> </style>
到此這篇關(guān)于uniapp時間格式化處理實(shí)現(xiàn)的文章就介紹到這了,更多相關(guān)uniapp 時間格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript手寫源碼之實(shí)現(xiàn)arrify轉(zhuǎn)數(shù)組
這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實(shí)現(xiàn)arrify轉(zhuǎn)數(shù)組,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一點(diǎn)的幫助,需要的可以參考一下2023-02-02js實(shí)現(xiàn)不提交表單獲取單選按鈕值的方法
這篇文章主要介紹了js實(shí)現(xiàn)不提交表單獲取單選按鈕值的方法,涉及javascript鼠標(biāo)事件及頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08JS的遞增/遞減運(yùn)算符和帶操作的賦值運(yùn)算符的等價式
JS的遞增/遞減運(yùn)算符和帶操作的賦值運(yùn)算符的等價式...2007-12-12JS鼠標(biāo)滑過圖片時切換圖片實(shí)現(xiàn)思路
在瀏覽網(wǎng)頁時會看到這樣的效果:當(dāng)鼠標(biāo)滑過一張圖片后,這張圖片切換為了另外的一張圖片,下面為大家介紹下具體是如何實(shí)現(xiàn)的,感興趣的朋友不要錯過2013-09-09解決window.opener=null;window.close(),只支持IE6不支持IE7,IE8的問題
本篇文章主要是對window.opener=null;window.close(),只支持IE6不支持IE7,IE8的解決方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01