摘要:地址項(xiàng)目主頁是一個(gè)非常簡潔輕量級小于的很簡潔的庫,用來將時(shí)間轉(zhuǎn)化成類似于時(shí)間前的描述字符串,例如小時(shí)前。
timeago.js
Github地址:https://github.com/hustcc/timeago.js
項(xiàng)目主頁:http://timeago.org/
timeago.js 是一個(gè)非常簡潔、輕量級、小于 2kb 的很簡潔的Javascript庫,用來將datetime時(shí)間轉(zhuǎn)化成類似于*** 時(shí)間前的描述字符串,例如:“3小時(shí)前”。
本地化支持,默認(rèn)自帶中文和英文語言,基本夠用;
之前 xxx 時(shí)間前、xxx 時(shí)間后;
支持npm方式和瀏覽器script方式;
測試用例完善,執(zhí)行良好;
關(guān)于Python的版本,可以看 timeago.
剛剛 12秒前 3分鐘前 2小時(shí)前 24天前 6月前 3年前 12秒后 3分鐘后 2小時(shí)后 24天后 6月后 3年后使用方法
1. 下載 timeago.js
npm install timeago.js
2. 引入 timeago.js
使用import引入,然后可以得到一個(gè)全局變量: timeago.
import timeago from "timeago.js"; // 或者 var timeago = require("timeago.js");
或者直接通過 script 標(biāo)簽引入到html文件中.
3. 使用 timeago 類
var timeago = timeago(); timeago.format("2016-06-12")高級特性使用
1. 本地化
默認(rèn)的語言是英文 en, 這個(gè)庫自帶語言有 en and zh_CN (英文和中文).
var timeago = timeago(); timeago.format("2016-06-12", "zh_CN");
2. 注冊本地語言
你可以自己自定義注冊 register 你自己的語言. 如下所示,所有的鍵值都必須存在,不然可能會出錯(cuò). e.g.
// 本地化的字典樣式 var test_local_dict = { "JUST_NOW": ["just now", "a while"], "SECOND_AGO": ["%s seconds ago", "in %s seconds"], "A_MINUTE_AGO": ["1 minute ago", "in 1 minute"], "MINUTES_AGO": ["%s minutes ago", "in %s minutes"], "AN_HOUR_AGO": ["1 hour ago", "in 1 hour"], "HOURS_AGO": ["%s hours ago", "in %s hours"], "A_DAY_AGO": ["1 day ago", "in 1 day"], "DAYS_AGO": ["%s days ago", "in %s days"], "A_MONTH_AGO": ["1 month ago", "in 1 month"], "MONTHS_AGO": ["%s months ago", "in %s months"], "A_YEAR_AGO": ["1 year ago", "in 1 year"], "YEARS_AGO": ["%s years ago", "in %s years"] } var timeago = timeago(); timeago.register("test_local", test_local_dict); timeago.format("2016-06-12", "test_local");
3. 設(shè)置相對日期
timeago 默認(rèn)是相對于當(dāng)前事件的,當(dāng)然也可以自己設(shè)置相對的時(shí)間,如下所示:
var timeago = timeago("2016-06-10 12:12:12"); // 在這里設(shè)置相對時(shí)間 timeago.format("2016-06-12", "zh_CN");
4. 格式化時(shí)間戳
timeago().format(new Date().getTime() - 11 * 1000 * 60 * 60); // will get "11 hours ago"TODO
一個(gè)網(wǎng)站的展示頁面
LICENSEMIT
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/79744.html
摘要:就在這次天內(nèi),數(shù)量瞬間達(dá)到,自己還是很激動的。然后就是等著其他開發(fā)人員給你提意見建議,然后積極響應(yīng)和修改吧。 這里要提到的是我之前從項(xiàng)目抽離出來的微型 Javascript 項(xiàng)目 timeago.js,為什么是微型,因?yàn)樗€不到 2kb,這個(gè)也是做這個(gè)項(xiàng)目的原因之一。 已有的類似項(xiàng)目不是一般都依賴 jQuery 和 moment.js,實(shí)際上僅僅用到其中的選擇器、一個(gè)日期方法(from...
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-t...
摘要:但是,我們發(fā)布之前,需要做一些持續(xù)集成和單元測試,用來保證代碼的正確性,穩(wěn)定性。 Javascript 那么流行,作為一個(gè)前端開發(fā)者,或者前端入門者,發(fā)布一個(gè)正式可用的 Javascript 模塊,對于自己來說應(yīng)該成長很大。下面就以一個(gè)簡單的 Javascript 模塊 filesize.js 來介紹 github、travis-ci、npm 這些內(nèi)容的組合使用。 一、目標(biāo)概覽 本文將...
摘要:發(fā)布應(yīng)用市場的平臺搶紅包工具紅包精靈開源啦掘金紅包精靈,如果喜歡,點(diǎn)個(gè)開源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列,但是因?yàn)槲恼赂咝У拇a編寫技巧總結(jié)前端掘金本文總結(jié)了代碼編寫技巧,來提升你的和代碼。 收藏安卓開發(fā)中非常實(shí)用優(yōu)秀的庫! 有圖有真相! - Android - 掘金本來是打算收藏工具類的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫了,就沒必要再去重復(fù)造輪子了,便歸納工作中比...
閱讀 1330·2023-04-25 17:05
閱讀 3081·2021-11-19 09:40
閱讀 3838·2021-11-18 10:02
閱讀 1823·2021-09-23 11:45
閱讀 3094·2021-08-20 09:36
閱讀 2850·2021-08-13 15:07
閱讀 1205·2019-08-30 15:55
閱讀 2542·2019-08-30 14:11