timeago.js
timeago.js is a simple library (less than 2 kb) that is used to format datetime with *** time ago statement. eg: "3 hours ago".
Localization supported.
Time ago and time in supported.
Real-time render supported.
Nodejs and browserjs supported.
Well tested.
Official website. 中文版說明文檔點這里。 React version here: timeago-react. Python version here: timeago.
Such as
just now 12 seconds ago 3 minutes ago 2 hours ago 3 days ago 3 weeks ago 6 months ago 2 years ago in 12 seconds in 3 minutes in 2 hours in 24 days in 6 months in 2 years1. Usage
1. Install timeago.js
npm install timeago.js
2. import timeago.js
ES6 style is supported, then get global object: timeago.
import timeago from "timeago.js"; // or var timeago = require("timeago.js");
or link with script in html files:
3. Use class timeago
var timeagoInstance = new timeago(); timeagoInstance.format("2016-06-12");2. Detailed Usage
1. Localization
Default locale is en, and the library supports en and zh_CN.
var timeagoInstance = new timeago(); timeagoInstance.format("2016-06-12", "zh_CN");
You can change the locale in the constructor or use the setLocale method;
var timeagoInstance = new timeago("zh_CN"); // or new timeago().setLocale("zh_CN");
2. Set relative date
timeago is relative to the current date default. You can set it yourself.
var timeagoInstance = new timeago(null, "2016-06-10 12:12:12"); // set the relative date here. timeagoInstance.format("2016-06-12", "zh_CN");
3. Use timestamp
new timeago().format(new Date().getTime() - 11 * 1000 * 60 * 60); // will get "11 hours ago"
4. Automatic rendering
HTML code:
js code
var timeagoInstance = new timeago(); // use render to render it in real time timeagoInstance.render(document.querySelectorAll(".need_to_be_rendered"), "zh_CN"); // or cancel real-time render timeagoInstance.cancel()
The input API render should be DOM object/array, pure javascript DOM node, and jQuery DOM object supported.
The API cancel will clear all the render timers and release all resources of the instance.
The DOM object should have the attribute datetime or data-timeago with date formated string.
5. Register local language
You can register your own language, this is a class static method. Like below, e.g.
// the local dict example is below. var test_local_dict = function(number, index) { // number: the timeago / timein number; // index: the index of array below; return [ ["just now", "a while"], ["%s seconds ago", "in %s seconds"], ["1 minute ago", "in 1 minute"], ["%s minutes ago", "in %s minutes"], ["1 hour ago", "in 1 hour"], ["%s hours ago", "in %s hours"], ["1 day ago", "in 1 day"], ["%s days ago", "in %s days"], ["1 week ago", "in 1 week"], ["%s weeks ago", "in %s weeks"], ["1 month ago", "in 1 month"], ["%s months ago", "in %s months"], ["1 year ago", "in 1 year"], ["%s years ago", "in %s years"] ][index]; }; // register your locale with timeago timeago.register("test_local", test_local_dict); // use the locale with timeago instance var timeagoInstance = new timeago(); timeagoInstance.format("2016-06-12", "test_local");
You can see locales dir for more locales.
Locale contributions are welcomed, thank you for submitting a GitHub pull request for corrections or additional languages. ^_^~
3. ContributionsThe website is based on rmm5t/jquery-timeago which is a nice and featured project but depends on jQuery.
locale translations: The library needs more locale translations. You can:
Open an issue to write the locale translations, or submit a pull request. How to ? see en"s translation.
Please test the locale by exec npm test or node tests/locales_test.js. How to write testcase, see en"s test cases.
4. LICENSEMIT
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/90994.html
摘要:讓你的代碼更簡短,更整潔,更易讀的小技巧寫在文章前面這篇文章翻譯自文章就代碼整潔方面對進行了總結。如果你正在使用的代碼使用的語法,這個是你需要注意的事情。更多還提供了我們很多很多其他的方式來使我們的代碼更簡潔,更易讀,以及更穩定。 讓你的代碼更簡短,更整潔,更易讀的ES6小技巧 寫在文章前面 這篇文章翻譯自ES6 tips and tricks to make your code cl...
摘要:地址項目主頁是一個非常簡潔輕量級小于的很簡潔的庫,用來將時間轉化成類似于時間前的描述字符串,例如小時前。 timeago.js Github地址:https://github.com/hustcc/timeago.js 項目主頁:http://timeago.org/ timeago.js 是一個非常簡潔、輕量級、小于 2kb 的很簡潔的Javascript庫,用來將datetime時...
摘要:中提供了一個和的模塊可以用來做格式化日期和時間的。格式化日期通過模塊中方法來格式化日期函數接收時間元組并返回以可讀字符串表示薪資的時間格式的話由參數決定。每日寬度間隔為字符每行的長度為是每星期的行數。 我們可以通過學習在Python中對日期時間的處理,可以在快速的完成工作,比如: 將日期時間作為日志信息的內容輸入 計算某一個功能的執行時間 用日期命名一個文件的名稱 記錄或者展示文件的...
閱讀 1660·2021-09-28 09:35
閱讀 1131·2019-08-30 15:54
閱讀 1657·2019-08-30 15:44
閱讀 3363·2019-08-30 14:09
閱讀 488·2019-08-29 14:05
閱讀 2662·2019-08-28 17:53
閱讀 1978·2019-08-26 13:41
閱讀 1710·2019-08-26 13:26