Datecounter
A tool class library that changes the time format
Format date for articles, news or comments
Usage
Parameter
Datecounter receive an object parameter , and return a counter :
key | default/type | describe | required |
---|---|---|---|
date | none/Date | Expected is Date Object or timestamp | yes |
countDay | 7/number | Countdown days | no |
i18n | 'zh'/string | Language | no |
raw | none/boolean | Raw data | no |
Essentials
const counter=countDay: 10 i18n: 'en'
Vue
// for VueVue /************************* Global method *************************/this/************************* Local method *************************/const counter=countDay: 10 i18n: 'en'
Example
var now = // now : Thu Jul 05 2018 09:20:00var twoMinutesAgo = now - 2 * 60 * 1000var twoHoursAgo = now - 2 * 60 * 60 * 1000var fiveDaysAgo = now - 5 * 24 * 60 * 60 * 1000var eightDaysAgo = now - 8 * 24 * 60 * 60 * 1000var january = now - 180 * 24 * 60 * 60 * 1000var aYearsAgo = now - 365 * 24 * 60 * 60 * 1000 /************************* Default usage *************************/const counter1=i18n: 'en' // return : 0 minutes ago // return : 5 days 0 hours ago // return : January 6, 9:20 // return : July 5, 2017 9:20 /************************* Countdown days *************************/const counter2=countDay: 10 i18n: 'en'const counter3=countDay: 7 i18n: 'en' // return : 8 days 0 hours ago // return : June 27, 9:20 /************************* i18n *************************//* langList = ['zh', 'en', 'jp', 'ru', 'kr', 'fr', 'vi'] *//* Now noly have ['zh', 'en', 'jp'] , other language are being developed */const counter_zh=i18n: 'zh'const counter_en=i18n: 'en'const counter_jp=i18n: 'jp' // return : 5天0小时前 // return : 5 days 0 hours ago // return : 5天0時間前
Get raw data
/* If you need raw data *//* There are four kinds of data types in all ['history', 'countDown_day', 'countDown_hour', 'countDown_minute'] */const count_raw=raw: true// return : {type: "countDown_minute", minute: 2} // return : {type: "countDown_hour", hour: "2", minute: "0"} // return : {type: "countDown_day", day: "5", hour: "0"} // return : {type: "history", year: null, month: 1, date: 6, hour: 9, minute: 20 } // return : {type: "history", year: 2017, month: 7, date: 6, hour: 9, minute: 20 }
If you are good at these languages ['en', 'jp', 'ru', 'kr', 'fr', 'vi'], maybe you can help me.😄