计算时间，显示具体时间

 // 计算时间
  timeFn = () => {
    const { item } = this.props;
    // const dateBegin = new Date(ti.replace(/-/g, "/"));// 将-转化为/，使用new Date
    const dateEnd = new Date(item.c_endtime);// 获取当前时间
    const dateBegin = new Date(item.c_starttime);// 获取当前时间
    const dateDiff = dateEnd.getTime() - dateBegin.getTime();// 时间差的毫秒数
    // const dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000));// 计算出相差天数
    const leave1 = dateDiff % (24 * 3600 * 1000) // 计算天数后剩余的毫秒数
    const hours = Math.floor(leave1 / (3600 * 1000))// 计算出小时数
    // 计算相差分钟数
    const leave2 = leave1 % (3600 * 1000) // 计算小时数后剩余的毫秒数
    const minutes = Math.floor(leave2 / (60 * 1000))// 计算相差分钟数
    // 计算相差秒数
    const leave3 = leave2 % (60 * 1000) // 计算分钟数后剩余的毫秒数
    const seconds = Math.round(leave3 / 1000)
    // console.log(`" 相差 " + ${dayDiff} + "天 " + ${hours} + "小时 " + ${minutes} + " 分钟" + ${seconds} + " 秒"`)
    // console.log(`${dateDiff} + "时间差的毫秒数", ${dayDiff} + "计算出相差天数", ${leave1} + "计算天数后剩余的毫秒数"
    //   , ${hours} + "计算出小时数", ${minutes} + "计算相差分钟数", ${seconds} + "计算相差秒数"`);
    return (<Col style={{fontSize: 16}}>{hours}:{minutes}:{seconds}</Col>)
  }
render(){
	return(
       <Row style={{cursor: "pointer", backgroundColor: 'rgba(222,224,227)', width: 150,fontSize: 16 ,borderRadius: 5,height: 28}} onClick={this.VideoChang}>
          <img alt="" src={Voice} style={{height:27,marginLeft: 3,marginTop: 1}} />通话时长 &nbsp;{this.timeFn()}
       </Row>
    )
}

页面展示