Simple datetime filter for Vue.js
install from npm
$ npm install vue-filter-date-format
and register in you Vue app
import Vue from 'vue'
import VueFilterDateFormat from 'vue-filter-date-format'
Vue.use(VueFilterDateFormat)
<template>
<div>{{ new Date() | dateFormat('YYYY.MM.DD') }}</div>
</template>
Key | Output | |
---|---|---|
Year | YYYY |
1970 1971 ... 2029 2030 |
YY |
70 71 ... 29 30 | |
Month | MM |
01 02 ... 11 12 |
M |
1 2 ... 11 12 | |
Day | DD |
01 02 ... 30 31 |
D |
1 2 ... 30 31 | |
Hour | HH |
00 01 ... 22 23 |
H |
0 1 ... 22 23 | |
hh |
01 02 ... 11 12 | |
h |
1 2 ... 11 12 | |
AM/PM | A |
AM PM |
a |
am pm | |
Minute | mm |
00 01 ... 58 59 |
m |
0 1 ... 58 59 | |
Second | ss |
00 01 ... 58 59 |
s |
0 1 ... 58 59 |
Default format is YYYY.MM.DD HH:mm:ss
MIT © Eduard Nikolenko