前端的两种时间处理方法

两种时间处理方法

1.js定义函数
定义一个函数，将后台获取到的数据传入，time为获取到的时间

//定义一个函数，将后台获取到的数据传入，time为获取到的时间
transTime(time){
		const date = new Date(time * 1)
		  return `${date.getFullYear()}-${date.getMonth()+1}-${date.getDate()}`
	  },

uniapp中，card组件中，note代表时间，item.pubTime为后台的时间数据，调用transform,将item.pubtime传入

//uniapp中，card组件中，note代表时间，item.pubTime为后台的时间数据，调用transform,将item.pubtime传入
<template>
  <view class="">
	 <view>
	  <view v-for="(item,index) in data" :key="index" >
	  	<uni-card :title="item.title"   :note="transTime(item.pubTime)">
	  		<text v-html="item.content"></text>
	  	</uni-card>
	  </view>
   </view>
  </view>
</template>

2.moment方法
moment官网：http://momentjs.cn/
npm install moment --save 安装模块 # npm

//npm install moment --save   # npm 安装模块
import moment from "moment";//然后引入moment模块

//定义函数converDate,ts为传入的时间数据

convertDate(ts){
            const date=new Date(ts*1)
            return moment(date).format("yyyy-MM-DD")
        }

react中｛｝里面传入后台时间，vue中为{{}}，在html中调用convertDate（），并传入需要转换的时间

//在html中调用convertDate
 show=()=>{
        return this.data.data.map((item,index)=>
            <div key={index}>
                <span>{item.title}</span>
                <span>{this.convertDate(item.pubTime)}</span>
            </div>
        );