深入理解MVC中的時(shí)間js格式化
記錄下我遇到的一個(gè),MVC中post請(qǐng)求返回一個(gè)JSON字符串,其中包含數(shù)據(jù)庫(kù)中的時(shí)間格式(如:/Date(10000000000)/),不知道怎么處理。
百度的方法都不適用,經(jīng)自己研究,做成了一個(gè)Jquery插件,希望對(duì)大家有所幫助。
插件源代碼:
(function ($) { /格式化JSON返回的日期類(lèi)型為自己定義的格式:如:yyyy-MM-dd hh:mm:ss dtstr:JSON返回的日期"/Date(10000000000)/" * fmt:自定義的格式,如:yyyy-MM-dd hh:mm:ss / $.Format = function (dtstr,fmt) { var date = $.ToDateTime(dtstr); var o = { "M+": date.getMonth() + 1, //月份 "d+": date.getDate(), //日 "h+": date.getHours(), //小時(shí) "H+": date.getHours(), //小時(shí) "m+": date.getMinutes(), //分 "s+": date.getSeconds(), //秒 "q+": Math.floor((date.getMonth() + 3) / 3), //季度 "S": date.getMilliseconds() //毫秒 }; if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (date.getFullYear() + "").substr(4 - RegExp.$1.length)); for (var k in o) if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length))); return fmt; } / 格式化JSON返回日期類(lèi)型LONG轉(zhuǎn)日期 dtstr:JSON返回日期“/Date(10000000000)/” / $.ToDateTime = function (dtstr) { //1900-01-01T00:00:00 if ((dtstr + '').indexOf('Date(') >= 0) { var ldate = +(dtstr + '').replace('/Date(', '').replace(')/', ''); if (ldate > 0) { return new Date(ldate); } } else { var str = (dtstr + '').replace(/-/g, "/").replace(/T/g, " "); if (str.split('.')[0] == '1900/01/01 00:00:00') { return null; } else if ((dtstr + '').length > 0) { return new Date(str.split('.')[0]); } } return null; } / 格式化JSON返回日期類(lèi)型LONG轉(zhuǎn)指定格式字符串:2015-01-01 12:59:59 title:日期類(lèi)型名稱(chēng)“發(fā)布時(shí)間” dtstr:JSON返回日期“/Date(10000000000)/” substrstart:字符串開(kāi)始截?cái)辔恢谩?” / $.ToDateTimeString = function (title, dtstr, substrstart) { var dt = toDateTime(dtstr); if (dt) { var y = dt.getFullYear(); var m = dt.getMonth() + 1; var d = dt.getDate(); var h = dt.getHours(); var i = dt.getHours(); var s = dt.getHours(); var datestr = y + "-" + (m < 10 ? "0" : "") + m + "-" + (dt.getDate() < 10 ? "0" : "") + dt.getDate() + " " + (dt.getHours() < 10 ? "0" : "") + dt.getHours() + ":" + (dt.getMinutes() < 10 ? "0" : "") + dt.getMinutes() + ":" + (dt.getSeconds() < 10 ? "0" : "") + dt.getSeconds(); return title + datestr.substr(substrstart); } return ""; } / 格式化JSON返回日期類(lèi)型 說(shuō)明:LONG類(lèi)型日期轉(zhuǎn)指定格式字符串,求日期時(shí)間差,并追加至指定集合:2015-01-01 12:59:59 htmls:目標(biāo)集合 title:日期類(lèi)型名稱(chēng)“發(fā)布時(shí)間” dtstr:JSON返回日期“/Date(10000000000)/” dtstr01:JSON返回日期“/Date(10000000000)/”時(shí)間差結(jié)束日期1 dtstr02:JSON返回日期“/Date(10000000000)/”時(shí)間差結(jié)束日期2 如果為空 取1 substrstart:字符串開(kāi)始截?cái)辔恢谩?” */ $.ToDateTimeDiffString = function (htmls, title, dtstr, dtstr01, dtstr02, substrstart) { var dtstrs = toDateTimeString("", dtstr, substrstart); if (dtstrs) { var dt1 = toDateTime(dtstr); var dt2 = toDateTime(dtstr01); var dt3 = toDateTime(dtstr02); if (dt3) { dt2 = dt3; } var tstime = dt1 - dt2; var m = Math.floor(tstime / 1000 / 60, 0); var s = Math.ceil(tstime / 1000 % 60); htmls.push('' + title + (m > 0 ? m + "分" : "") + (s > 0 ? s + "秒" : "") + " " + dtstrs + ''); } } })(jQuery); 時(shí)間格式化jquery 插件
使用方法
1.引用上面的jquery插件
2.格式化時(shí)間:
$.post("/tigger/GetUserPrizeLog?t=" + Math.random(), { activityCode: 1138, myOpenId: "@WorkContext.WxUserInfo.OpenId" }, function (json) { var str = ""; $.each(json.Body, function (i, model) { str += "<li>"; str += " <p class=\"title\">" + model.ActivityPrizeName + "</p>"; str += "<p class=\"time\">" + $.Format(model.CreateTime, "yyyy-MM-dd hh:mm") + "</p>"; str += "<span class=\"get\" onclick=\"javascript:ShowPrize('" + model.ActivityPrizeName + "')\"></span>"; str += "</li>"; }); $("#record ul").html(str); });
model.CreateTime 是從服務(wù)器獲取的時(shí)間
使用方法:
$.Format(model.CreateTime, "yyyy-MM-dd hh:mm")
以上這篇深入理解MVC中的時(shí)間js格式化就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
js實(shí)現(xiàn)三張圖(文)片一起切換的banner焦點(diǎn)圖
這篇文章主要介紹了js實(shí)現(xiàn)三張圖(文)片一起切換的banner焦點(diǎn)圖,推薦給大家,有需要的小伙伴可以參考下。2015-08-08微信小程序?qū)崿F(xiàn)select二級(jí)下拉
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)select二級(jí)下拉效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-07-07JavaScript設(shè)計(jì)模式---單例模式詳解【四種基本形式】
這篇文章主要介紹了JavaScript設(shè)計(jì)模式---單例模式,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript設(shè)模式中單例模式的四種基本形式定義與使用方法,需要的朋友可以參考下2020-05-05js實(shí)現(xiàn)五星評(píng)價(jià)功能
本文主要介紹了js實(shí)現(xiàn)五星評(píng)價(jià)功能和印象評(píng)價(jià)功能的實(shí)例,具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-03-03微信小程序?qū)崿F(xiàn)頂部選項(xiàng)卡(swiper)
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部選項(xiàng)卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08小程序使用watch監(jiān)聽(tīng)數(shù)據(jù)變化的方法詳解
這篇文章主要介紹了小程序使用watch監(jiān)聽(tīng)數(shù)據(jù)變化的方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09基于BootStrap Metronic開(kāi)發(fā)框架經(jīng)驗(yàn)小結(jié)【七】數(shù)據(jù)的導(dǎo)入、導(dǎo)出及附件的查看處理
在很多系統(tǒng)模塊里面,我們可能都需要進(jìn)行一定的數(shù)據(jù)交換處理,這樣可以很好的達(dá)到用戶(hù)操作體驗(yàn)感,接下來(lái)通過(guò)本文給大家介紹基于BootStrap Metronic開(kāi)發(fā)框架經(jīng)驗(yàn)小結(jié)【七】數(shù)據(jù)的導(dǎo)入、導(dǎo)出及附件的查看處理相關(guān)知識(shí),非常具有參考價(jià)值,感興趣的朋友一起學(xué)習(xí)吧2016-05-05原生JS實(shí)現(xiàn)的碰撞檢測(cè)功能示例
這篇文章主要介紹了原生JS實(shí)現(xiàn)的碰撞檢測(cè)功能,涉及javascript鼠標(biāo)事件響應(yīng)及頁(yè)面圖形坐標(biāo)位置運(yùn)算、檢測(cè)相關(guān)操作技巧,需要的朋友可以參考下2018-05-05