bixi/packages/core/time/demo/simple.md

企业级中后台前端解决方案

---
title:
  zh-CN: 相对时间
  en-US: Relative Time
order: 0
---

## zh-CN

最简单的使用，鼠标滑上去可以显示绝对时间

## en-US

Relative time

```ts
import { Component } from '@angular/core';
import dayjs from 'dayjs';

@Component({
  selector: 'bixi-time-demo',
  template: `
    <bixi-time [time]="time1"></bixi-time> 
    <br/>
    <bixi-time [time]="time2"></bixi-time> 
    <br/>
    <bixi-time [time]="time3"></bixi-time> 
    <br/>
    <bixi-time [time]="time4"></bixi-time> 
  `
})
export class BixiTimeComponent {
  time1 = '2020-07-31T18:18:03';
  time2 = '1596508845998';
  time4 = 1596508845998;
  time3 = dayjs(new Date);
  radio = 1;
}
```