vue-filter-date-format
Simple datetime filter for Vue.js
Installation
install from npm
$ npm install vue-filter-date-format
and register in you Vue app
;; Vue;
or register in you Vue app with config
;; Vue;
Usage
basic usage
{{ new Date() | dateFormat('YYYY.MM.DD') }}
usage with config
{{ new Date() | dateFormat('YYYY.MM.DD', dateFormatConfig) }}
usage with dateParse filter:
{{ '10.10.1989' | dateParse('DD.MM.YYYY') | dateFormat('YYYY.MM.DD') }}
Format Options
Key | Output | |
---|---|---|
Year | YYYY |
1970 1971 ... 2029 2030 |
YY |
70 71 ... 29 30 | |
Month | MMMM |
January February ... November December |
MMM |
Jan Feb ... Nov Dec | |
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 | |
Day of Week | dddd |
Sunday Monday ... Friday Saturday |
dd |
Su Mo ... Fr Sa | |
d |
0 1 ... 5 6 |
Default format is YYYY.MM.DD HH:mm:ss
License
MIT © Eduard Nikolenko