摘要:在使用時候遇到一些格式化時間這樣的功能總會很麻煩比如標題標題要想格式化列表里的時間你必須要在數據對象中像這樣注冊一個每次做渲染的時候都必須重復注冊很是麻煩注冊完后使用的時候語法也很奇葩為此特意了一下發現了另一個語法兼容的前
在使用mustache.js時候, 遇到一些格式化時間這樣的功能, 總會很麻煩.
比如:
{ "items":[ { "title" : "標題1", "createDate":"2016-06-10T15:48:00.000Z" }, { "title" : "標題2", "createDate":"2016-06-10T18:48:00.000Z" } ] }
要想格式化列表里的時間createDate, 你必須要在數據對象中像這樣注冊一個handler:
{ items : ... dateFromat : function(){ return moment(this.createDate).format("YYYY-MM-DD") } }
每次做渲染的時候都必須重復注冊handler,很是麻煩.
注冊完后,使用handler的時候語法也很奇葩:
{{#items}}{{title}}
{{#dateFromat}} {{formatDate createDate}} {{/dateFromat}} {{/items}}
為此, 特意google了一下. 發現了另一個語法兼容mustache的前段模板Handlerbar, 和它的名字表達的一樣, 可以方便的注冊一堆handler.
使用方式很簡單:
注冊handler
Handlebars.registerHelper("formatDate", function(date) { return moment(date).format("YYYY-MM-DD hh:mm:ss"); });
渲染時調用handler
{{#items}}{{title}}
{{formatDate createDate}} {{/items}}
ok.
另外,它提供的Html預編譯成JavaScript功能也很方便.
不愧是大型前端工程的利器.
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/79699.html
摘要:前些天偷臺風的閑暇時寫了一個移動端音樂播放器,作為練手項目。有的歌詞周杰倫算什么男人格式是時間點時間歌詞創建映射首先以將歌詞字符串分割成以時間點文字的數組,但由于這樣分割之后最后一個元素是空的,所以用刪除最后一個元素。 這段時間公司一直在做一個PC的教育類單頁應用,龐大復雜,涉及非常多H5的知識,音頻就是其中的一部分。前些天偷臺風的閑暇時寫了一個移動端音樂播放器,作為練手項目。 在線地...
摘要:原作者唐斌騰訊什么原名是一個簡單易用的前端模板預編譯工具。本文作者為來自騰訊團隊的唐斌,他在本文中為我們分析了傳統前端模板內嵌的弊端,如開發調試效率低下自動化構建復雜度比較高等特點,并針對目前現狀給出了較好的解決方案。 原作者: 唐斌(騰訊)| TmodJS什么 TmodJS(原名atc)是一個簡單易用的前端模板預編譯工具。它通過預編譯技術讓前端模板突破瀏覽器限制,實現后端模板一樣的同...
摘要:歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面不僅僅是代碼作為現代應用,的大量使用,使得前端工程師們日常的開發少不了拼裝模板,渲染模板。我們今天就來聊聊,拼裝與渲染模板的那些事兒。一改俱改,一板兩用。 歡迎大家收看聊一聊系列,這一套系列文章,可以幫助前端工程師們了解前端的方方面面(不僅僅是代碼):https://segmentfault.com/blog...
閱讀 1181·2023-04-26 02:42
閱讀 1633·2021-11-12 10:36
閱讀 1780·2021-10-25 09:47
閱讀 1262·2021-08-18 10:22
閱讀 1801·2019-08-30 15:52
閱讀 1213·2019-08-30 10:54
閱讀 2635·2019-08-29 18:46
閱讀 3496·2019-08-26 18:27