欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

uniapp時間格式化處理實現(xiàn)

 更新時間:2022年08月22日 08:23:38   作者:tiankongxiao  
本文主要介紹了uniapp時間格式化處理實現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

應(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實現(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時間格式化處理實現(xiàn)的文章就介紹到這了,更多相關(guān)uniapp 時間格式化內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • JavaScript手寫源碼之實現(xiàn)arrify轉(zhuǎn)數(shù)組

    JavaScript手寫源碼之實現(xiàn)arrify轉(zhuǎn)數(shù)組

    這篇文章主要為大家詳細(xì)介紹了如何利用JavaScript實現(xiàn)arrify轉(zhuǎn)數(shù)組,文中的示例代碼講解詳細(xì),對我們學(xué)習(xí)JavaScript有一點的幫助,需要的可以參考一下
    2023-02-02
  • js實現(xiàn)不提交表單獲取單選按鈕值的方法

    js實現(xiàn)不提交表單獲取單選按鈕值的方法

    這篇文章主要介紹了js實現(xiàn)不提交表單獲取單選按鈕值的方法,涉及javascript鼠標(biāo)事件及頁面元素屬性操作的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
    2015-08-08
  • JS的遞增/遞減運算符和帶操作的賦值運算符的等價式

    JS的遞增/遞減運算符和帶操作的賦值運算符的等價式

    JS的遞增/遞減運算符和帶操作的賦值運算符的等價式...
    2007-12-12
  • 不使用ajax實現(xiàn)無刷新提交表單

    不使用ajax實現(xiàn)無刷新提交表單

    這篇文章主要介紹了不使用ajax實現(xiàn)無刷新提交表單的方法,需要的朋友可以參考下
    2014-12-12
  • 原生js實現(xiàn)彈出層登錄拖拽功能

    原生js實現(xiàn)彈出層登錄拖拽功能

    這篇文章主要為大家詳細(xì)介紹了使用原生JavaScript實現(xiàn)彈出層登錄拖拽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • ECharts儀表盤實例代碼(附源碼下載)

    ECharts儀表盤實例代碼(附源碼下載)

    大家在汽車駕駛艙里一眼就可以看到儀表盤,使用使用Echarts制作的儀表盤可以輕松展示用戶的數(shù)據(jù),清晰的看出某個指標(biāo)值所在的范圍,儀表盤形式的報表應(yīng)用在各種統(tǒng)計系統(tǒng)中,本文結(jié)合實例講解儀表盤在銷售任務(wù)完成率的統(tǒng)計應(yīng)用
    2016-02-02
  • JS鼠標(biāo)滑過圖片時切換圖片實現(xiàn)思路

    JS鼠標(biāo)滑過圖片時切換圖片實現(xiàn)思路

    在瀏覽網(wǎng)頁時會看到這樣的效果:當(dāng)鼠標(biāo)滑過一張圖片后,這張圖片切換為了另外的一張圖片,下面為大家介紹下具體是如何實現(xiàn)的,感興趣的朋友不要錯過
    2013-09-09
  • 解決window.opener=null;window.close(),只支持IE6不支持IE7,IE8的問題

    解決window.opener=null;window.close(),只支持IE6不支持IE7,IE8的問題

    本篇文章主要是對window.opener=null;window.close(),只支持IE6不支持IE7,IE8的解決方法進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助
    2014-01-01
  • es5 類與es6中class的區(qū)別小結(jié)

    es5 類與es6中class的區(qū)別小結(jié)

    這篇文章主要給大家介紹了關(guān)于es5 類與es6中class區(qū)別的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • js漂浮廣告實現(xiàn)代碼

    js漂浮廣告實現(xiàn)代碼

    js漂浮廣告實現(xiàn)代碼,本質(zhì)上就是一個來回滾動的小圖片,也是一種廣告形式,需要的朋友可以收藏下
    2015-08-08

最新評論