使用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 ( <div> <h2>时间戳转化为时间</h2> <button onClick={this.getData}>获取时间</button> <ul> { 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 ( <li key={key}> <span>开始时间：{start}</span> <span>结束时间：{end}</span> </li> ) }) } </ul> </div> ) } } export default Time;
5:效果
代码运行如下，获取到了时间年月日了。
这种情况一般是数据在传递的过程中类型发生了变化,用Number()转化一下数字类型就好了.
moment(Number(queryParams.timeBegin))