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

最新推荐文章于 2025-07-29 11:22:27 发布

原创最新推荐文章于 2025-07-29 11:22:27 发布 · 1.8w 阅读

2 ·

CC 4.0 BY-SA版权

uniapp 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个使用uni-app框架实现的小程序新闻列表加载功能，通过调用API获取新闻数据，并利用自定义日期工具处理时间显示。代码中展示了如何使用template、script和style结构组织小程序页面，以及如何在onLoad事件中发起HTTP请求。

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