成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

也許是最簡(jiǎn)潔好用的timeago.js庫(kù)了

DataPipeline / 1349人閱讀

摘要:地址項(xiàng)目主頁(yè)是一個(gè)非常簡(jiǎn)潔輕量級(jí)小于的很簡(jiǎn)潔的庫(kù),用來(lái)將時(shí)間轉(zhuǎn)化成類(lèi)似于時(shí)間前的描述字符串,例如小時(shí)前。

timeago.js

Github地址:https://github.com/hustcc/timeago.js

項(xiàng)目主頁(yè):http://timeago.org/

timeago.js 是一個(gè)非常簡(jiǎn)潔、輕量級(jí)、小于 2kb 的很簡(jiǎn)潔的Javascript庫(kù),用來(lái)將datetime時(shí)間轉(zhuǎn)化成類(lèi)似于*** 時(shí)間前的描述字符串,例如:“3小時(shí)前”。

本地化支持,默認(rèn)自帶中文和英文語(yǔ)言,基本夠用;

之前 xxx 時(shí)間前、xxx 時(shí)間后;

支持npm方式和瀏覽器script方式;

測(cè)試用例完善,執(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");

或者直接通過(guò) script 標(biāo)簽引入到html文件中.

3. 使用 timeago 類(lèi)

var timeago = timeago();
timeago.format("2016-06-12")
高級(jí)特性使用

1. 本地化

默認(rèn)的語(yǔ)言是英文 en, 這個(gè)庫(kù)自帶語(yǔ)言有 en and zh_CN (英文和中文).

var timeago = timeago();
timeago.format("2016-06-12", "zh_CN");

2. 注冊(cè)本地語(yǔ)言

你可以自己自定義注冊(cè) register 你自己的語(yǔ)言. 如下所示,所有的鍵值都必須存在,不然可能會(huì)出錯(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è)置相對(duì)日期

timeago 默認(rèn)是相對(duì)于當(dāng)前事件的,當(dāng)然也可以自己設(shè)置相對(duì)的時(shí)間,如下所示:

var timeago = timeago("2016-06-10 12:12:12"); // 在這里設(shè)置相對(duì)時(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)站的展示頁(yè)面

LICENSE

MIT

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/79744.html

相關(guān)文章

  • 一個(gè)微型 Javascript 開(kāi)源項(xiàng)目如何在 4 天到 1000 star ?

    摘要:就在這次天內(nèi),數(shù)量瞬間達(dá)到,自己還是很激動(dòng)的。然后就是等著其他開(kāi)發(fā)人員給你提意見(jiàn)建議,然后積極響應(yīng)和修改吧。 這里要提到的是我之前從項(xiàng)目抽離出來(lái)的微型 Javascript 項(xiàng)目 timeago.js,為什么是微型,因?yàn)樗€不到 2kb,這個(gè)也是做這個(gè)項(xiàng)目的原因之一。 已有的類(lèi)似項(xiàng)目不是一般都依賴(lài) jQuery 和 moment.js,實(shí)際上僅僅用到其中的選擇器、一個(gè)日期方法(from...

    jsdt 評(píng)論0 收藏0
  • timeago.js自動(dòng)將時(shí)間戳轉(zhuǎn)換為更易讀時(shí)間格式

    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...

    zhoutao 評(píng)論0 收藏0
  • 怎么開(kāi)發(fā)并發(fā)布一個(gè)可用 JavaScript 模塊 ?

    摘要:但是,我們發(fā)布之前,需要做一些持續(xù)集成和單元測(cè)試,用來(lái)保證代碼的正確性,穩(wěn)定性。 Javascript 那么流行,作為一個(gè)前端開(kāi)發(fā)者,或者前端入門(mén)者,發(fā)布一個(gè)正式可用的 Javascript 模塊,對(duì)于自己來(lái)說(shuō)應(yīng)該成長(zhǎng)很大。下面就以一個(gè)簡(jiǎn)單的 Javascript 模塊 filesize.js 來(lái)介紹 github、travis-ci、npm 這些內(nèi)容的組合使用。 一、目標(biāo)概覽 本文將...

    TANKING 評(píng)論0 收藏0
  • 精彩文章大合集- 收藏集 - 掘金

    摘要:發(fā)布應(yīng)用市場(chǎng)的平臺(tái)搶紅包工具紅包精靈開(kāi)源啦掘金紅包精靈,如果喜歡,點(diǎn)個(gè)開(kāi)源不易。作者將原素材文章進(jìn)行了新內(nèi)容的添加和重新排列,但是因?yàn)槲恼赂咝У拇a編寫(xiě)技巧總結(jié)前端掘金本文總結(jié)了代碼編寫(xiě)技巧,來(lái)提升你的和代碼。 收藏安卓開(kāi)發(fā)中非常實(shí)用優(yōu)秀的庫(kù)! 有圖有真相! - Android - 掘金本來(lái)是打算收藏工具類(lèi)的,但轉(zhuǎn)念一想,已經(jīng)有這么多優(yōu)秀的庫(kù)了,就沒(méi)必要再去重復(fù)造輪子了,便歸納工作中比...

    ermaoL 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<