关于json格式对象返回页面时间字段显示NANA的问题

最新推荐文章于 2020-10-12 14:55:11 发布
最新推荐文章于 2020-10-12 14:55:11 发布
阅读量1.7k 收藏
点赞数
文章标签： NANA 页面时间格式显示时间戳 json对象页面时间转换
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xm526489770/article/details/79201676
版权

我刚开始时间字段在页面显示时间戳,后来改了一下直接成NANA这种样式,究其原因是,json对象转换会把时间格式的字段转成字符串,所以再以时间格式展示就出问题了,所以我把我的代码贴出来,希望可以帮到谁;

<!DOCTYPE html>
<html>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>提问管理</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="../../hplus/css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="../../hplus/css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">

    <!-- jqgrid-->
    <link href="../../hplus/css/plugins/jqgrid/ui.jqgridffe4.css?0820" rel="stylesheet">

    <link href="../../hplus/css/animate.min.css" rel="stylesheet">
    <link href="../../hplus/css/style.min862f.css?v=4.1.0" rel="stylesheet">

    <style>
        /* Additional style to fix warning dialog position */

        #alertmod_table_list_2 {
            top: 900px !important;
        }
    </style>

</head>

<body class="gray-bg">

<div class="wrapper wrapper-content  animated fadeInRight">
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox ">

                <div class="ibox-content">
                    <div class="ibox-content_1">
                        <h4>提问人:</h4><input id="usernameID" type="text">
                        <h4>内容关键字:</h4><input id="descriptionID" type="text">
                        <button οnclick='serch()'>搜索</button>
                    </div>

                    <hr>
                    <div class="jqGrid_wrapper">
                        <table id="table_list_1"></table>
                        <div id="pager_list_1"></div>
                    </div>

                </div>
            </div>
        </div>
    </div>
</div>
<script src="../../hplus/js/jquery.min.js?v=2.1.4"></script>
<script src="../../hplus/js/bootstrap.min.js?v=3.3.6"></script>
<script src="../../hplus/js/plugins/peity/jquery.peity.min.js"></script>
<script src="../../hplus/js/plugins/jqgrid/i18n/grid.locale-cnffe4.js?0820"></script>
<script src="../../hplus/js/plugins/jqgrid/jquery.jqGrid.minffe4.js?0820"></script>
<script src="../../hplus/js/content.min.js?v=1.0.0"></script>
<script>


    $(document).ready(function(){
        var mydata;
        $.ajax({
            type:'GET', //方式

            url:'/quiz/service?pageNumber=1&pageSize=10',
            async:false,   //是否异步
            success:function(data) {
                //获得返回json的rows对象
                mydata = $.parseJSON(data).rows;
                //控制台打印mydata对象
                //console.log(mydata);
                //遍历rows集合
                for(var i=0;i<mydata.length;i++){
                    var d = new Date(mydata[i].gmtCreate);    //根据时间戳生成的时间对象
                    var date = (d.getFullYear()) + "-" +
                        (d.getMonth()+1 < 10 ? '0'+(d.getMonth()+1) : d.getMonth()+1) + "-" +
                        (d.getDate() < 10 ? '0'+(d.getDate()) : d.getDate()) + " " +
                        (d.getHours() < 10 ? '0'+(d.getHours()) : d.getHours()) + ":" +
                        (d.getMinutes() < 10 ? '0'+(d.getMinutes()) : d.getMinutes()) + ":" +
                        (d.getSeconds() < 10 ? '0'+(d.getSeconds()) : d.getSeconds());
                    //控制台打印转换后的时间字段
                   // console.log(typeof d)
                    //将转换后的时间字段赋值给对象
                    mydata[i].gmtCreate=d
                }

            }
        })

        //   console.log("2"+mydata);
        /*---------------------------jgGride默认设置-----------------------------------*/
        $.jgrid.defaults.styleUI="Bootstrap";

        $("#table_list_1").jqGrid({data:mydata,datatype:"local",
            multiselect: true,height:250,autowidth:true,
            shrinkToFit:true,rowNum:14,rowList:[10,20,30],
            colNames:["ID","提问人","提问内容","提问时间","图片数量","回复人"],
            colModel:[{name:"id",index:"contentType",width:60,sorttype:"content"},
                {name:"openid",index:"total",width:80,align:"center",sorttype:"float"},
                {name:"description",index:"name",align:"center",width:200},
                {name:"gmtCreate",index:"invdate",width:80,align:"center",sorttype:"date",formatter:"date"},
                {name:"imageNumber",index:"tax",width:50,align:"center",sorttype:"float"},
                {name:"replyName",index:"total",width:80,align:"center",sorttype:"float"}],
            sortname : 'id',

            sortorder : "desc",
            pager:"#pager_list_1",viewrecords:true,caption:"",hidegrid:false,


        });


        $(window).bind("resize",function(){
            var width=$(".jqGrid_wrapper").width();
            $("#table_list_1").setGridWidth(width);
        })})

    //条件查询
    function serch(){
        var data2;
        var username=document.getElementById("usernameID").value;
        var description=document.getElementById("descriptionID").value;
        $.ajax({
            type:'GET', //方式

            url:'/quiz/service?pageNumber=1&' +
            'pageSize=10&description='+description+'&username='+username+'',
            async:false,   //是否异步

            success:function(data) {
                //展示数组内数据
                data2 = $.parseJSON(data).rows;
                console.log(data);
            }
        })

        /*---------------------------jgGride默认设置-----------------------------------*/

        $.jgrid.defaults.styleUI="Bootstrap";
        window.refresh=true;

        $("#table_list_1").jqGrid('clearGridData');  //清空表格
        $("#table_list_1").jqGrid('setGridParam',{  // 重新加载数据
            datatype:'local',
            data : data2,   //  newdata 是符合格式要求的需要重新加载的数据
            page:1
        }).trigger("reloadGrid");
        $(window).bind("resize",function(){
            var width=$(".jqGrid_wrapper").width();
            $("#table_list_1").setGridWidth(width);
        });

    }

</script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/table_jqgrid.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:20:02 GMT -->
</html>

小萝卜5264
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于struts返回对象json格式数据的方法
10-27
以下为大家介绍，关于struts返回对象json格式数据的方法，希望对有需要的朋友有所帮助。
解决SpringMVC 返回Java8 时间JSON数据的格式化问题处理
10-20
当我们在Spring MVC中返回包含Java 8日期时间API（如LocalDate、LocalTime、LocalDateTime）的对象时，会遇到JSON序列化的问题。默认情况下，Spring MVC使用Jackson库进行JSON转换，而Jackson可能无法直接将Java 8的...
iOS真机时间显示为NANA
Distance_123的博客
10-12 535
安卓手机及PC端支持时间为("YYYY-MM-DD HH:mm:ss")的格式，对于iOS手机来说这种格式是存在兼容性问题的，从而导致页面时间显示为NANA的问题，我们可以从iOS支持时间格式为("YYYY/MM/DD HH:mm:ss")入手。 当我遇到这个问题后进行百度，发现大部分的人都说直接将时间中的**-**替换成**/**就可以解决问题，其实不然，具体要看开发实际情况。通过打印可得后端转入的时间格式为**2020-09-25T06:45:49.000+0000**，...
JS 今天/明天的日期
Nana_9457的博客
03-19 4990
//今天的日期 var today = new Date(); today.setTime(today.getTime()); var todayStr = today.getFullYear()+"-" + (today.getMonth()+1) + "-" + today.getDate(); //明天的日期 var tomorrow = new Date(); tomorrow.setTi...
IOS日期时间转JSON格式计算显示NAN问题
@
09-17 251
问题是这样的：因为做的是一个需要时间转换的，即24小时内转换为小时、分、秒， 所以用后台返回的数据（2020-09-27 18:34）转为时间戳和现在的时间戳进行比较。 但是通过这种（2020-09-27 18:34）格式转换出来，在IOS手机上显示为NaN，原因是IOS系统不支持这种格式，所以需要将其转换为（2020/09/27 18:34）这种格式。 export function formatTime(dataTime){ let time = dataTime.replace(/\-/g, "/
java dataform post 调用接口上传文件并得到返回文件
maonian1762的博客
02-10 791
import java.io.BufferedOutputStream; import java.io.ByteArrayOutputStream; import java.io.File; import java.io.FileInputStream; import java.io.FileNotFoundException; import java.io.FileOutputStream; ...
Spring MVC 更灵活的控制 json 返回问题（自定义过滤字段）
10-20
本篇文章主要介绍了Spring MVC 更灵活的控制 json 返回问题（自定义过滤字段），具有一定的参考价值，感兴趣的小伙伴们可以参考一下。
json数据在Html页面格式化显示
11-01
在描述中提到的“采用光标事件格式化展示”，意味着在页面上，当用户通过鼠标光标选中或点击某部分JSON数据时，会以某种方式（如高亮、折叠展开等）进行格式化显示，以便于查看和对比接口文档。 要实现这样的功能，...
【Web前端学习笔记】HTML5_基础，基本标记
love__nana
08-30 1067
HTML5_01 A.基础 1）简介 HTML是Hyper Text Markup Language的缩写，意思是“超文本标记语言” 用它编写出的文档的文件扩展名是".html"或".htm" 它是可提供浏览器解释浏览的文件格式 可以通过记事本，写字板或者IDE工具来编写，本章使用记事本编写 2）标记 HT
Web前端性能优化——如何提高页面加载速度
weixin_30677475的博客
03-19 3859
前言： 在同样的网络环境下，两个同样能满足你的需求的网站，一个“Duang”的一下就加载出来了，一个纠结了半天才出来，你会选择哪个？研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过10秒，99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来我列举一组数据：Google网站访问速度每慢400ms就导致用户搜索请 求下降0.59%;Amazon每增加100ms网站延迟将导...
Jquary入门（添加 修改 表单元素）+ JSON+弹框
weixin_30548917的博客
01-04 141
字符串拼接 计算机语言 都是 对 数据的处理（获取/修改数据） 添加元素 除了 固定的方法添加 以外 都是 字符串拼接（拼接成固定格式即可执行）。 ＪＱ对象与ＤＯＭ　对象之间转化； 刚开始学习jquery，可能一时会分不清楚哪些是jQuery对象，哪些是DOM对象。至于DOM对象不多解释，我们接触的太多了，下面重点介绍一下jQuery，以及两者相互间的转...
关于iPhone手机上的浏览器、微信内置浏览器不识别yyyy-mm-dd格式的时间显示为NaN问题...
weixin_30859423的博客
02-13 710
问题：最近在做微信的移动端页面的时候遇到iPhone手机上的微信内置浏览器时间显示为NaN的问题。 详细情况：做微信移动端页面用了JQ WEUI插件的calendar组件的时候出现iPhone微信浏览器出现NaN的情况。 红框内容的时间全部显示的是NaN。 最后的处理方法是将yyyy-mm-dd格式的时间都改成yyyy/mm/dd就可以安卓iPhone都能够正常识别了。 转载于:http...
页面显示时间为object Object
IT_COOKIE_SAM的博客
06-30 6884
页面显示时间为object Object 是 时间Date 类型变成了String 类型 只要SimpleDateFormat就可以了 代码 vo处增加clewreciveTimeStr属性，并增加get方法以便在页面获取 public String getClewreciveTimeStr() { SimpleDateFormat sdf = new SimpleDateFor
js时间处理ios系统网页上时间显示Nan问题
胡杰的专栏
12-26 5602
js时间处理ios系统网页上时间显示Nan问题
前后端交互方式（同一页面并行开发、变量传递）
Nana_9457的博客
10-30 757
刚做完一个项目的改进需求，总结一些项目心得，主要有两方面： 同一个页面，前后端各负责几个模块开发，如何页面整合？ 前端如何从后端获取数据？ 1 前后端按模块开发同一页面 首先，在这个项目中没有用到vue、react这些框架，实现页面的一种做法是前端通过html/css/js把页面搭建出来，再交由后端改造成ftl/jsp等模版页面，但是这个过程造成前后端开发的不同步；另一种做法是前端负责开发一...
字符串和时间转换time_t
nana的专栏
05-15 1705
1.指定time_t类型的时间，格式化为YYYYMMDDHH24MISS型的字符串  void timeToSting(time_t time1, char *szTime) 02 { 03 struct tm tm1; 04 05 #ifdef WIN32 06 tm1 = *localtime(&time1
前端面试题集锦——JS篇（更新中）
Nana_9457的博客
11-16 207
1、原题： 链接：https://www.nowcoder.com/questionTerminal/8e3f169e6199429cb730fe3cd40957b0 来源：牛客网 请给出这段代码的运行结果（ ） var bb = 1; function aa(bb) { bb = 2; alert(bb); }; aa(bb); alert(bb); a. 1 1 b. 1 2...
请求json数据格式错误或json字段格式转化问题
最新发布
09-19
当我们在请求JSON数据时，可能会遇到两种主要问题：JSON数据格式错误或JSON字段格式转化问题。 首先，如果我们收到错误消息"请求JSON数据格式错误"，这意味着我们发送的请求中包含的JSON数据格式有错误。这可能是由于以下几个原因： 1. JSON语法错误：JSON数据必须符合严格的语法规则。例如，每个键和值都必须用双引号引起来，对象和数组之间必须使用逗号分隔等。因此，我们需要仔细检查我们发送的JSON数据是否符合这些规则。 2. 缺少必需的字段：有时，服务器可能要求在请求中包含特定的字段，如果我们漏掉了这些字段，服务器会判断为JSON格式错误。因此，我们需要确保请求中包含了服务器要求的所有必需字段。 另外，我们还可能遇到JSON字段转化问题。这是因为JSON格式是一种用于数据交换的通用格式，不同编程语言和框架对JSON字段的解析和使用可能有所不同。以下是两种常见的JSON字段转化问题： 1. 类型不匹配：对于某些编程语言，JSON字段的值在转化为对应的数据类型时可能会发生错误。例如，JSON中的字符串值可能无法正确转化为整数或布尔型。为了解决这个问题，我们需要检查字段的类型，并使用适当的方法将其转化为所需的类型。 2. 命名不一致：不同的编程语言和框架可能对于JSON字段的命名有不同的约定。例如，某些语言中使用camelCase命名风格（例如firstName），而其他语言可能使用snake_case命名风格（例如first_name）。因此，在处理JSON数据时，我们需要根据编程语言的约定进行适当的字段命名转化。 总之，在请求JSON数据时，出现数据格式错误或字段格式转化的问题是常见的。了解并遵循JSON数据的语法规则，以及了解不同编程语言对于JSON字段的解析和使用习惯，可以帮助我们更好地处理这些问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值