JS處理json日期格式化問題
起因
對于從C#返回的日期字段,當進行JSON序列化后,在前臺JS里顯示的并不是真正的日期,這讓我們感覺很不爽,我們不可能為了這東西,把所有日期字段都變成string吧,所以,找了一個JS的擴展方法,來實現(xiàn)這個功能
實現(xiàn)
function ChangeDateFormat(jsondate) {
jsondate = jsondate.replace("/Date(", "").replace(")/", "");
if (jsondate.indexOf("+") > 0) {
jsondate = jsondate.substring(0, jsondate.indexOf("+"));
}
else if (jsondate.indexOf("-") > 0) {
jsondate = jsondate.substring(0, jsondate.indexOf("-"));
}
var date = new Date(parseInt(jsondate, 10));
var month = date.getMonth() + 1 < 10 ? "0" + (date.getMonth() + 1) : date.getMonth() + 1;
var currentDate = date.getDate() < 10 ? "0" + date.getDate() : date.getDate();
return date.getFullYear()
+ "年"
+ month
+ "月"
+ currentDate
+ "日"
+ " "
+ date.getHours()
+ ":"
+ date.getMinutes();
}
//調(diào)用:ChangeDateFormat(data[i].arrDate)
調(diào)用
$.ajax({
type: "Get",
textType: "json",
url: "/UserInfo/GetUserWithdraw",
data: { id: id },
success: function (data) {
var result = html.replace(reg, function (node, key) {
return {
'Money': data.Money,
'AddTime': ChangeDateFormat(data.AddTime),
'CashTime': data.CashTime
}[key];
});
TsingdaTips.ask({ msg: result, show_btn: false, title: "提現(xiàn)申請詳情" });//預計打款時間等于申請時音后的(5號或20號)
}
});
PS:返回的json時間如 /Date(1290371638000)/ 形式,怎樣處理成 yyyy-MM-dd 這類格式
去掉/Date
直接格式化1290371638000
/**
* 時間對象的格式化;
*/
Date.prototype.format = function(format){
/*
* eg:format="YYYY-MM-dd hh:mm:ss";
*/
var o = {
"M+" : this.getMonth()+1, //month
"d+" : this.getDate(), //day
"h+" : this.getHours(), //hour
"m+" : this.getMinutes(), //minute
"s+" : this.getSeconds(), //second
"q+" : Math.floor((this.getMonth()+3)/3), //quarter
"S" : this.getMilliseconds() //millisecond
}
if(/(y+)/.test(format)) {
format = format.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
}
for(var k in o) {
if(new RegExp("("+ k +")").test(format)) {
format = format.replace(RegExp.$1, RegExp.$1.length==1 ? o[k] : ("00"+ o[k]).substr((""+ o[k]).length));
}
}
return format;
}
使用方法:
var testDate = new Date();
var testStr = testDate.format("YYYY年MM月dd日hh小時mm分ss秒");
alert(testStr);
相關(guān)文章
微信小程序?qū)崿F(xiàn)上拉加載功能示例【加載更多數(shù)據(jù)/觸底加載/點擊加載更多數(shù)據(jù)】
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)上拉加載功能,結(jié)合實例形式分析了微信小程序加載更多數(shù)據(jù)、觸底加載或點擊加載更多數(shù)據(jù)的相關(guān)實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2020-05-05
JS組件庫AlloyTouch實現(xiàn)圖片輪播過程解析
這篇文章主要介紹了JS組件庫AlloyTouch實現(xiàn)圖片輪播組件過程解析,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
element中el-switch的v-model自定義值的實現(xiàn)
在el-switch中設置active-value和inactive-value屬性,接受Boolean, String或Number類型的值,本文就來介紹一下element中el-switch的v-model自定義值的實現(xiàn),感興趣的可以了解一下2023-11-11
使用JavaScript判斷用戶輸入的是否為正整數(shù)(兩種方法)
在項目開發(fā)中,需要使用JavaScript驗證用戶輸入的是否為正整數(shù),下面小編給大家分享兩種方法,需要的朋友參考下2017-02-02
JavaScript使用push方法添加一個元素到數(shù)組末尾用法實例
這篇文章主要介紹了JavaScript使用push方法添加一個元素到數(shù)組末尾,實例分析了javascript中push函數(shù)的使用技巧,需要的朋友可以參考下2015-04-04
javascript 對象屬性property與元素屬性attribute的瀏覽器支持
對象屬性property與元素屬性attribute的瀏覽器支持情況,大家可以參考下。2010-10-10

