前端的两种时间处理方法

系统管理员 2021-07-25 14:07 511阅读 0赞

## **两种时间处理方法** ##

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

发表评论取消回复

表情：

评论列表（有 0 条评论，511人围观）

还没有评论，来说两句吧...

相关阅读

相关 C++中时间字符串的获取（两种方法）

include <string> include <time.h> include <iostream> include <windows.h>

雨点打透心脏的1/2处/ 2023年10月05日 09:56/ 0 赞/ 67 阅读

相关【前端的3种弹窗】

一、alert弹窗窗口中只能进行"确认"按钮操作 this.$alert( "提示信息", "提示",

悠悠/ 2023年09月24日 18:28/ 0 赞/ 44 阅读

相关前端，一种GUI软件

喂喂喂，那个切图的，把页面写好就发给研发工程师套模板吧。你好，切图仔。不知道你的团队如何定义前端开发，据我所知，时至今日仍然有很多团队会把前端开发归类为产品或者设计岗位

偏执的太偏执、/ 2023年02月22日 10:53/ 0 赞/ 11 阅读

相关 java中Socket设置超时时间的两种方法

方法1：调用Socket的`connct` 方法打开连接，并设置连接超时时间 Socket socket = new Socket() socket.c

不念不忘少年蓝@/ 2022年10月31日 04:20/ 0 赞/ 507 阅读

相关异常处理的两种方法

public class ExceptionTest { public void method()throws Exception {

小灰灰/ 2022年08月27日 03:52/ 0 赞/ 171 阅读

相关递归实现前n项和（两种方法）

<?php 方法一: function sum($n)\{ static $sum = 0; if($n != 1 )

Bertha 。/ 2022年06月15日 04:58/ 0 赞/ 200 阅读

相关 Opencv批量处理图片的两种方法

转自：[http://blog.csdn.net/hei\_ya/article/details/51387624][http_blog.csdn.net_hei_ya_art

﹏ヽ暗。殇╰゛Y/ 2022年05月30日 06:49/ 0 赞/ 840 阅读

相关 PostgreSQL两种分页方法查询时间比较

数据库中存了3000W条数据，两种分页查询测试时间 \--------------------------------------------------------

柔光的暖阳◎/ 2022年05月26日 05:43/ 0 赞/ 210 阅读

相关 mysql日期问题以及从数据库到前端的处理方法

数据库与java对应的类型 ![70][]![70 1][]![70 2][] 获取数据库对应类型以及格式的数据： ![70 3][] 二，插入mys

桃扇骨/ 2022年05月15日 02:25/ 0 赞/ 485 阅读

相关前端的两种时间处理方法

两种时间处理方法 1.js定义函数定义一个函数，将后台获取到的数据传入，time为获取到的时间 //定义一个函数，将后台获取到的数据传入，time为获取到

系统管理员/ 2021年07月25日 14:07/ 0 赞/ 512 阅读