JS处理json日期格式化问题


Posted in Javascript onOctober 01, 2015

起因

对于从C#返回的日期字段,当进行JSON序列化后,在前台JS里显示的并不是真正的日期,这让我们感觉很不爽,我们不可能为了这东西,把所有日期字段都变成string吧,所以,找了一个JS的扩展方法,来实现这个功能

实现

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();
}
//调用:ChangeDateFormat(data[i].arrDate)

调用

$.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: "提现申请详情" });//预计打款时间等于申请时音后的(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);
Javascript 相关文章推荐
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 Javascript
使用正则替换变量
May 05 Javascript
原生Js实现元素渐隐/渐现(原理为修改元素的css透明度)
Jun 24 Javascript
JS+CSS实现闪烁字体效果代码
Apr 05 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
May 24 Javascript
seajs学习之模块的依赖加载及模块API的导出
Oct 20 Javascript
js实现5秒倒计时重新发送短信功能
Feb 05 Javascript
vue.js的提示组件
Mar 02 Javascript
jQuery Ajax前后端使用JSON进行交互示例
Mar 17 Javascript
vue项目动态设置页面title及是否缓存页面的问题
Nov 08 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
Jun 24 Javascript
JSONP解决JS跨域问题的实现
May 25 Javascript
JS日期格式化之javascript Date format
Oct 01 #Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 #Javascript
RequireJS入门一之实现第一个例子
Sep 30 #Javascript
基于jQuery Bar Indicator 插件实现进度条展示效果
Sep 30 #Javascript
jquery插件pagination实现无刷新ajax分页
Sep 30 #Javascript
浅谈Javascript中substr和substring的区别
Sep 30 #Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 #Javascript
You might like
世界上第一台立体声收音机
2021/03/01 无线电
php的zip解压缩类pclzip使用示例
2014/03/14 PHP
ThinkPHP模板判断输出Empty标签用法详解
2014/06/30 PHP
AJAX PHP无刷新form表单提交的简单实现(推荐)
2016/09/09 PHP
PHP目录操作实例总结
2016/09/27 PHP
php mysql PDO 查询操作的实例详解
2017/09/23 PHP
PHP内存溢出优化代码详解
2021/02/26 PHP
JS 密码强度验证(兼容IE,火狐,谷歌)
2010/03/15 Javascript
js客户端快捷键管理类的较完整实现和应用
2010/06/08 Javascript
关于图片的预加载过程中隐藏未知的
2012/12/19 Javascript
javascript 回调函数详解
2014/11/11 Javascript
如何在node的express中使用socket.io
2014/12/15 Javascript
JavaScript中eval()函数用法详解
2015/12/14 Javascript
AngularJS基础 ng-focus 指令简单示例
2016/08/01 Javascript
JavaScript组成、引入、输出、运算符基础知识讲解
2016/12/08 Javascript
BootstrapValidator实现注册校验和登录错误提示效果
2017/03/10 Javascript
jquery实现全选、全不选以及单选功能
2017/03/23 jQuery
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
JS原生带小白点轮播图实例讲解
2017/07/22 Javascript
详解webpack2+node+react+babel实现热加载(hmr)
2017/08/24 Javascript
AngularJS 教程及实例代码
2017/10/23 Javascript
jQuery实现表格隔行换色
2018/09/01 jQuery
详解React 的几种条件渲染以及选择
2018/10/23 Javascript
Python输出汉字字库及将文字转换为图片的方法
2016/06/04 Python
Python+Selenium+PIL+Tesseract自动识别验证码进行一键登录
2017/09/20 Python
Python面向对象编程基础实例分析
2020/01/17 Python
Django ValuesQuerySet转json方式
2020/03/16 Python
Coach澳大利亚官方网站:美国著名时尚奢侈品牌
2017/05/24 全球购物
WEB控件及HTML服务端控件能否调用客户端方法?如果能,请解释如何调用?
2015/08/25 面试题
应届生污水处理求职信
2013/11/06 职场文书
最新茶叶店创业计划书
2014/01/14 职场文书
平安建设实施方案
2014/03/19 职场文书
商务邀请函
2015/01/30 职场文书
2015年信访工作总结
2015/04/07 职场文书
Python爬虫之用Xpath获取关键标签实现自动评论盖楼抽奖(二)
2021/06/07 Python
JavaScript严格模式不支持八进制的问题讲解
2021/11/07 Javascript