uniapp 时间格式化

时间:2022-09-29 tiankongxiao 人气:0

应用需求分析：前台页面有时需要展示YYYY-MM-DD格式，但后台却返回给我们YYYY-MM-DD hh:mm:ss、或者是一串字符

//格式化处理 方式一：
            dateFormat(time) {
                let date = new Date(time);
                let year = date.getFullYear();
                // 在日期格式中，月份是从0开始的，因此要加0，使用三元表达式在小于10的前面加0，以达到格式统一  如 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>发表时间：{{ item.add_time | formatDate }}</view>

PS：uniapp实现时间格式化，显示几分钟之前

<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>

加载全部内容