顯示具有 json 標籤的文章。 顯示所有文章
顯示具有 json 標籤的文章。 顯示所有文章

2015年6月16日 星期二

使用 moment處理 asp.net MVC回傳的 json string

參考文件:Serializing Dates in JSON 
                    momentjs

在 asp.net MVC Controller or WebAPI回傳 json時,一般會使用 json.NET的 JsonConvert.SerializeObject作處理,如果欄位有日期的話,在 json.NET 4.5的版本就會自動轉成  ISO 8601 standard 的格式,而非微軟那個格式,除非有指定 TimeConverter

JsonConvert.SerializeObject(System.DateTime.Now) ISO格式如右 "2015-06-17T00:00:00Z"
而在前端 javascript在接到時就可以用 moment所提供的功能作轉換如下所示即可

moment(event.start).format( 'YYYY-MM-DD HH:mm:ss' )



2015年6月2日 星期二

Bootstrap Typeahead處理 json格式資料,並更新另一個 input的值


參考文件: Bootstrap typeahead ajax result format - Example

因為 Bootstrap Typeahead的 source是一個字串陣列 (string array),如果使用者希望可以 source可以是 json string array而且在 typeahead選擇時可以更新另一個 input的值,這一篇文章就可以幫助你,作法如下

  1. source 接回的是 json string array
  2. 實作 matcher, sorter, highlighter
  3. 實作 updater,在這邊就可以用 JSON.parse 處理 obj,再把某個 attribute值指定給特定的input