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

随心笔谈2年前发布 编辑
152 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;

© 版权声明

相关文章