Skip to content

Latest commit

 

History

History
63 lines (45 loc) · 1.7 KB

README.md

File metadata and controls

63 lines (45 loc) · 1.7 KB
Raw

vue-moments-ago

A Vue.js component for updating human readable time format, eg:

posted 2 minutes ago

This is automatically updated without any refresh. Checkout this Live Demo

Install

npm install vue-moments-ago

and in your component file script tag,

import VueMomentsAgo from 'vue-moments-ago'

export default{
  components: {
    VueMomentsAgo
  }
}

In the template, use:

<vue-moments-ago prefix="posted" suffix="ago" date="2018-05-02T20:22:22.285Z" lang="en" />

Result:

 posted 2 minutes ago

Props

Props Required Type Definition
prefix false String Any prefix string you want to add to the output
suffix false String Any suffix string you want to add to the output
date true String The date is in ISO 8601 (default format of moment.js)
language false String default is "en"
elementStyle false String | Object Apply a style attr. on the wrapper element *
elementClass false String | Object Apply a class attr. on the wrapper element *

* elementStyle / elementClass: either a string, eg.
elementStyle="border: 1px solid red"
... or a style Object:
:elementStyle="{ border: '1px solid orange' }"

Supported languages

We support English, Korean and Japanese. y Language options are available. default value is "en".

en kr jp