moment转化时间戳出现Invalid Date的问题及解决(moment转化分秒)硬核推荐

随心笔谈11个月前发布 admin
86 0

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;

© 版权声明

相关文章