A time-display components. Make times look more readable and user-friendly.
tooltips is based on vuetify.
import Vue from 'vue'
import BetterTime from './vue-better-time-display'
Vue.use(BetterTime)
<template>
// return "x days ago"
<better-time :time="time" />
</template>
<script>
export default {
data () {
return {
time: '2019-07-02 00:00:00'
}
}
}
</script>
you can localized the component into your language by modify language.js
params | type | description | Default |
---|---|---|---|
time(required) | Number, String | the time you want to transformed | |
tag | String | html tag | span |
type | String | There are three output type you could choose: relative, datetime or date | relative |
interval | Number | (seconds)Interval for data refres, | 60 |