uniapp时间格式化处理实现
作者：tiankongxiao
本文主要介绍了uniapp时间格式化处理实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
应用需求分析：前台页面有时需要展示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>到此这篇关于uniapp时间格式化处理实现的文章就介绍到这了,更多相关uniapp 时间格式化内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！