使用Moment.js处理时间戳转化为时间年月原创

Moment.js 是一个 JavaScript 日期处理类库(处理时间格式)npm包）,用于分析、检查、操作和显示新公司项目中的日期。,大量使用Moment处理时间日期的步骤,非常方便和易于使用。

Moment.js 中文网：
http://momentjs.cn/

优点：
不要依赖任何第三方库。
支持字符串，Date、时间戳和数组。
可以同时位于浏览器和中。node在环境中使用
公共前端和后端,文档也非常详细
它在日常发展中方便了时间的运作。,提高开发效率

使用步骤

1：安装在项目中Moment
cnpm install moment --save

2：引入要使用的组件。
import moment from ‘moment’;

3：时间戳如下
{
“users”: [
{
“startTime”:“1572502840091”,
“endTime”:“1572512489920”

}, {

  "startTime":"1572512489920",
  "endTime":"1572513935374"
}

]
}
4：代码
时间戳是在这里制作的。mock数据，使用axios请求数据接口，并在请求完成后在前端接口中呈现它。如果你不理解，你可以查看主题，从头开始学习。react系列教程。

import React from ‘react’;
import axios from ‘axios’;
import moment from ‘moment’;
class Time extends React.Component {
//构造函数
constructor() {
super();
//react定义数据
this.state = {
list: []
}
}
//请求接口的方法。
getData = () => {
var api = ‘http://localhost:3004/users’;
axios.get(api)
.then((response) => {
// handle success
console.log(response.data);
//用到this应注意指点、箭头功能
this.setState({
list: response.data
})
})
.catch(function (error) {
// handle error
console.log(error);
});
}
render() {
return (

将时间戳转换为时间

获取时间

• {
  this.state.list.map((value, key) => {
  let start = moment(parseInt(value.startTime)).format(‘YYYY/MM/DD hh:mm:ss’);
  let end = moment(parseInt(value.endTime)).format(‘YYYY/MM/DD hh:mm:ss’);
  return (

          
  
            开始时间：{start}
            结束时间：{end}
          
        )
      })
    }