Relative Time Element 是一個方便的前端時間相關 Web Components,可以透過 Relative Time Element 間單在網站上改變時間格式,或是顯示經過或著是距離目標尚有多久時間。
只要藉由 npm 安裝:
$ npm install @github/relative-time-element
之後就可以透過 relative-time 的標籤來顯示時間:
<relative-time datetime="2014-04-01T16:30:00-08:00">
April 1, 2014 4:30pm
</relative-time>
之後可以參考官方的文件將對應的屬性填入標前即可達成想要的功能。