获取日期

一、封装组件

建立一个utils文件夹，创建utils.js文件

export default{
    formateDate(time){
        if(!time) return '';
        let date = new Date(time);
        return date.getFullYear()+'-'+(date.getMonth()+1)+'-'+date.getDate()+
        '   '+date.getHours()+':'+date.getMinutes()+':'+date.getSeconds();
    }
}

 

二、调用

import React from 'react'
import { Row,Col } from 'antd';
import './index.less'
import Util from '../../utils/utils'
export default class Header extends React.Component{
    state={}
    componentWillMount(){
        setInterval(()=>{
            let sysTime = Util.formateDate(new Date().getTime())
            this.setState({
                sysTime
            })
        },1000)
    }
    render(){
        return (
            <div className="header">
                        <span className="date">{this.state.sysTime}</span>
            </div>
        )
    }
}