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