在jqgrid中渲染后台数据时,如果不对Date格式的日期进行格式化,页面上将显示[Object Object],我们可通过如下几种方式对日期时间进行格式化,说方法前先看效果:

第一种方式:直接渲染,代码如下:

{name : "throwTime",index : "throwTime",label : "投放时间",width: 140, formatter:"date",formatoptions: {srcformat:'Y-m-d H:i:s',newformat:'Y-m-d H:i:s'},sortable : false
}

第二种方式:通过后台返回的value值进行渲染,在使用这个方法前我们需要知道value中存放的是什么内容,我后台返回的内容如下:

通过上图我们可以看出value中存放的都是时间的组成部分,那么就可以衍生出我们格式化13位时间戳来获取日期和时间的方法了,代码如下:

{name : "throwTime",index : "throwTime",label : "投放时间",width: 140, formatter: function(value, grid, rows, state) {var date = new Date(value.time);var Y = date.getFullYear() + '-';var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';var D = date.getDate() + ' ';var h = date.getHours() + ':';var m = date.getMinutes() + ':';var s = date.getSeconds();return Y + M + D + h + m + s;},sortable : false
}

需要注意的是,我这边后台返回的时间戳(上方图片中的time字段)是13位的,如果时间戳格式为10位,需要*1000。

第三种方式:和第二种方式一样,也通过后台返回的value值进行渲染,取值year+month+date+hours+minutes+seconds,代码如下:

{name : "throwTime",index : "throwTime",label : "投放时间",width: 140, formatter: function(value, grid, rows, state) {var Y = 1900 + value.year;var M = value.month + 1 < 10 ? '0' + (value.month + 1) : value.month + 1;var D = value.date;var h = value.hours;var m = value.minutes;var s = value.seconds;return Y + "-" + M + "-" + D + " " + h + ":" + m + ":" + s;},sortable : false
}

jqgrid日期时间格式化相关推荐

  1. Springboot 关于日期时间格式化处理方式总结

    点击关注公众号,实用技术文章及时了解 来源:juejin.im/post/5e62817fe51d4526d05962a2 项目中使用LocalDateTime系列作为DTO中时间的数据类型,但是Sp ...

  2. java8日期时间格式化与解析

    java8日期时间格式化与解析 1. 简述 主要介绍LocalDateTime,ZonedDateTime的格式化及解析. 常见带日期时间格式: 字段名 字段值 api格式 DateTimeForma ...

  3. oracle中如何格式化输出,【学习笔记】数据库日期时间格式化输出案例

    天萃荷净 分享一篇关于开发DBA在工作中常用到的日期时间格式化输出方法案例,含:mysql.sql server.oracle 3种数据库日期时间格式化输出 1.mysql数据库时间格式化输出 DAT ...

  4. react 日期怎么格式化_react中日期时间格式化

    项目开发过程当中,总会遇到这样那样的时间格式化问题,那么在react中,日期时间格式化该怎么解决??react 一种是直接使用插件 moment,方便快捷完美的解决时间格式化问题:npm 另外一种是, ...

  5. java yyyy-mm-dd 日期格式_Java中的日期时间格式化

    原标题:Java中的日期时间格式化 1 Java日期时间格式化的概念 我们在日常的开发过程中常常会碰到关于日期时间的计算与存储问题,比如我们要把一个当前时间类型转换成字符串类型,我们会直接使用Util ...

  6. mysql 日期时间格式化字符串_MySQL日期函数与日期转换格式化函数大全

    Mysql作为一款开元的免费关系型数据库,用户基础非常庞大,本文列出了MYSQL常用日期函数与日期转换格式化函数 1.DAYOFWEEK(date) SELECT DAYOFWEEK('2016-01 ...

  7. 字符串格式化成时间格式_JAVA | 常用的日期/时间格式化方式

    引言   我们在开发过程中,在数据库中经常会看到beginTime.updateTime和endTime这些字段,这些可能是为了记录业务操作的某个时间.日期等信息.特此,总结一些在代码中常用的日期.时 ...

  8. 日期时间格式化,兼容IOS苹果系统

    一.功能 介绍: 处理日期和时间,主要包括格式化日期和时间.一些在开发中一些经常对时间处理和判断.公历日期转换农历日期. 解决C端苹果时间显示兼容问题[实例化参数为时间戳.-横杠./斜杠日期字符串] ...

  9. Python 日期时间格式化输出,带年、月、日、时、分、秒

    使用time模块,输出格式化日期时间字符串: import time date_str = time.strftime('%Y-%m-%d %H:%M:%S', time.localtime()) p ...

最新文章

  1. vue中轻松搞掂鼠标气泡框提示框tip跟随
  2. 关于Iframe之间以及与父窗体的值传递
  3. 5-Interrupt Management Framework
  4. oracle数据库----笔记1----oracle数据类型
  5. xhtml的行内描述性元素
  6. java selenium iframe_java selenium处理Iframe中的元素示例
  7. iphone屏幕突然变暗_iPhone 玩游戏时屏幕突然变暗,来看看是什么原因?
  8. 提高软技能之如何高效解决问题
  9. English Grammar
  10. Docker部署微服务应用的架构设计
  11. Django 文件下载
  12. InVEST模型在固碳、生境质量、产水等领域案例分析
  13. mac提示“已损坏,无法打开。 您应该将它移到废纸篓“的终极解决方案
  14. linux 排查cpu负载过高原因
  15. Flutter 启动白屏
  16. 石墨文档代码学习笔记分享
  17. 软考知识点梳理--项目评估
  18. 北京航空航天大学961计算机专业综合考纲
  19. 如何利用DLL注入绕过火绒和360主动防御写入扇区?
  20. js 根据时间戳格式化为24小时的日期形式

热门文章

  1. html设置utf-8编码
  2. Python入门之控制结构 - 循环结构
  3. TCL通讯第三季度智能手机和平板电脑出货量显著增长;亚马逊云科技加速数据库服务在中国区域落地 | 全球TMT...
  4. 9.5.2 留言反馈 界面开发 企业站uni-app实战【uni-app教程uniapp教程(黄菊华-跨平台开发系列教程)】
  5. Python 从入门到爬虫极简教程 1
  6. 【文件整理工具】Python 代码整理我们电脑中的文件,So easy!
  7. android 报错Undeclared namespace prefix “tools“
  8. Node+OBS直播服务器搭建总结
  9. Ubuntu16.04 Wiz绿色版 ibus = 中文输入
  10. 夜神MUMU模拟器找不到开发者选项