easyUI的使用.datagrid()生成列表日期时间显示异常,一个方法带入有效修复

easyUI的datagrid右侧冻结列问题 @easyUI的datagrid右侧冻结列问题 新手小白,特此记录一下 百度后发现多数的教程都是类似这样的:https://www.iteye.com/blog/skyfar666-1840145,特意去下载了文中提到的easyUI-rtl.css和easyUI-rtl.js,引入后按照文章中的提示修改了此处 .datagrid-header-inner{ float:right; } 会导致datagrid的title不显示,改为下面的样式 .datagrid-header-inner{ float:le 阅读详情

最近接手一个技术考古的开发任务,页面使用jsp加easyUI开发,这样用惯了vue组件的我着实头大,有之前写html页面和使用js的经验算是能过度一下。我这里是使用 $("#").datagrid({ 方法在js中生成table列表,数据库中date类型的时间日期在后台查询时还是正常返回,但是在页面上确是一串数字,查阅资料并实践后得到一个可用的修复方式,直接上代码和效果图:

columns: [
            [
                               
                {
                   field: 'receivingDate',
                   title: '接收日期',
                   width: 140,
                   align: 'center',
                   formatter: formatDatebox
                 }
                    ]],

这是具体字段中添加的formatter: formatDatebox修改方法的引用。

下面是核心的修复方法体,直接无脑粘贴即可:

function formatDatebox(value) {
        if (value == null || value == '') {
            return '';
        }
        var dt;
        if (value instanceof Date) {
            dt = value;
        } else {
            dt = new Date(value);
        }

        return dt.format("yyyy-MM-dd"); 
    }
Date.prototype.format = function (format) {
        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;
    };

具体异常原因和修复方式我对其研究的兴趣并不是很高,可能因为写jsp让我很抵触吧,当做一个工具类记录一下,有明白的大佬欢迎讲解。

2.ROS实用工具:坐标变换 本文围绕ROS坐标变换展开,介绍其在机器人系统中的关键作用,即统一不同传感器和执行器坐标系,服务数据融合等操作。基于ROS的tf库,从广播和监听TF变换两方面阐述实现过程,涵盖新建工作包、编写广播和监听代码、配置构建文件及编译等步骤。此外,介绍启动节点管理器后运行广播和监听节点的方法,并通过rqt_graph、rqt_tf_tree、tf_echo等工具可视化和获取坐标系变换信息。借助这些内容,读者不仅能掌握ROS坐标变换的实现,还能对机器人坐标变换系统的调试和理解有更深入认识 。 阅读详情

相关推荐

用CesiumLab2+nginx零成本构建三维地形服务:从DEM数据到浏览器渲染全流程

本文详细介绍了如何利用CesiumLab2和nginx零成本构建私有三维地形服务的完整流程。从获取DEM数据、使用CesiumLab2进行格式转换,到配置nginx服务器并重点解决跨域问题(Access-Control-Allow-Origin),最终实现在Cesium中流畅加载与渲染自定义地形,为内网或涉密项目提供了高性价比的解决方案。

weixin_29300931的博客 117

js时间日期格式化

/** * 时间对象的格式化; */ Date.prototype.format = function(format) { /* * eg:format="YYYY-MM-dd hh:mm:ss"; */ var o = { "M+" :this.getMonth() + 1, // month "d+" :...

217

Ceres-solver examples之pose_graph_3d学习笔记

Ceres-solver examples之pose_graph_3d学习笔记简要说明变量说明关键步骤一、Costfunction的搭建其中包括:二、构造Problem 简要说明 ceres-solver库是google的非线性优化库,可以对slam问题,机器人位姿进行优化,使其建图的效果得到改善。pose_graph_3d是官方给出的二维平面上机器人位姿优化问题,需要读取一个g2o文件,运行程序...

幽冥小龙的博客 3890

EasyUi-Datagrid Date类型格式化

前几天用easyui的时候遇到一个问题:想要显示日期,结果显示了一串数字。发现日期显示需要重新格式化,下面贴上代码<th data-options="field:'date_Added',width:100,formatter:date">上架日期</th>function date(value) { var date = new Date(value);//long转换成d

兔子 兔子 你掉毛么 4101

win10+conda+pytorch-gpu安装

pytorch 官网上只有linux和Mac的程序包,没有windows系统的,但是windows系统还是可以用pytorch的。  github: https://github.com/peterjc123/pytorch-scripts 首先要安装anaconda: 推荐清华镜像 https://mirrors.tuna.tsinghua.edu.cn/anaconda/archive/ ...

一摩尔自由的博客 1万+

MQTT与物联网平台(一):基础知识和设备接入物联网平台的实现(以华为云为例)

本文简单介绍了MQTT的基础知识和使用方法,以蓝牙WIFI双模芯片W801作为硬件设备,接入到华为云。

weixin_50622833的博客 1万+

关于easyui datagrid 中日期显示问题

easyui datagrid 日期时间显示不正常, 原因: 后台Java 类型为 DATE 经过JSON工具转化后传到前台来就乱了 两种思路: 1: 还没进行json处理之前就给专程string                    2.  到了前台再转回来。 解决方案一: {field:'issueTime',title:'生效时间',

zhenqian52的博客 2862

【数据集】中国2003年至2022年全天空每日气温数据集

中国2003年至2022年全天空每日气温数据集

WW、forever的博客 602

easyui时间格式化html,easyui中datagrid时间格式化(只显示年月日)

最近才开始用easyui和mvc4做项目,对JQUERY什么的完全不熟,datagrid在解决的json转换日期格式的问题后,又出现了新的问题,表格中的日期成了这样XX日期2015-3-1 00:00:00看起来用户体验很差,以前在WEB FORM的时候还是挺好改这种的,可是现在却无从下手,直到刚才看到某人的文章,才发现方法不要太简单,datagrid 里有fomatter方法,可以写成这样{fi...

weixin_35019679的博客 792

5-EP4CE10F17C8-引脚配置

EP4CE10F17C8-引脚配置

weixin_44479192的博客 719

基于STM32设计的电能质量控制系统_353

本项目基于STM32F103RCT6微控制器设计了一套电能质量控制系统,实现了对火焰、烟雾、环境温湿度、电压、电流及功率等多项参数的实时监测与报警。系统通过MQ2烟雾传感器、火焰传感器、SHT30温湿度传感器及电力参数采集模块采集数据,采用高电平触发有源蜂鸣器进行异常报警。采集的数据通过ESP8266无线模块以AP+TCP模式上传至基于Qt开发的手机APP和电脑上位机,实现远程实时监控和历史数据管理。系统配备1.44寸LCD显示屏,实现本地数据显示。软件采用Keil5开发,采用寄存器编程方式,提高系统响应速

253

EasyUI学习笔记(四)—— datagrid的使用

一、传统的HTML表格   之前我们做表格的时候是这样写的: <table > <thead> <tr> <th>编号</th> <th>姓名</th> <th>年龄</th> </t...

VNOpU2015的专栏 270

Unity 热更新技术 | (二) AssetBundle - 完整系列教程学习

开始学习热更新方面系列知识,就从这一篇开始吧! 本系列教程 会从热更新基本概念出发,详细介绍热更新相关的全套知识点。 如热更新技术基本原理、热更新主流方案、AssetBundle系列教程、Lua语言编程、Lua与Unity交互教程、Xlua框架使用、热更新实战教程等方面。 热更新作为一个开发者必备技能,如果想学习的话,可以从现在开始了哦~ 接下来从 AssetBundle - 完整系列教程学习 开始学习吧!

努力前行,总会成为自己心中的那道光 1万+

Easyui Datagrid 刷新后显示高度不正常的问题

Easyui Datagrid 刷新后显示高度不正常的问题 版本:jQuery EasyUI 1.4.4 问题现象:当Datagrid 不是在当前激活(当前打开)的标签页时刷新数据或加载后显示的高度不正常,标题栏分页栏缩在一起,导致数据区域不能显示出来 问题原因:当Datagrid存在于display:none 的元素内时进行构建或刷新数据后会出现导致结构内 datagrid-v...

weixin_33973609的博客 1169

SIMATIC S7-1200, S7-1500 PID 控制[手册]

SIMATIC S7-1200, S7-1500 PID 控制[手册]

Outlook Express 6 (OE6) for Win7/Win8/Win10

英文版 Outlook Express6.0, 兼容Win7/Win10/WinXP,解压就可用。

easyui页面多个datagrid导致列错乱、表头与表格对不齐、刷新一次正常问题

项目中偶尔会遇到这样的现象,但刷新一下就好了,一开始没注意。后来随着页面datagrid越来越多,发现出现的越来越频繁甚至会固定重现,老大发话:“改!” 将令如山,于是本宝宝抱着easyui.js开始研究其原理。经过一番抓耳挠腮打断点,终于叫我发现了问题所在(1.3.6版本): easyui有惰性,当有多个datagrid同时存在并且有人初始化查询过,就可能导致另外的datagr...

de883417的博客 1202

OV9734 DATASHEET,完整规格书

OV9734完整规格书,包括电气参数,尺寸规格,寄存器配置表等

jQuery EasyUI 1.3.2 bug修复和改善

  当前版本: 1.3.2 更新日志 Bug datagrid: 当改变datagrid宽度(width)时加载消息框不能居中.(修复). treegrid:mergeCells方法不能正常工作.(修复). propertygrid: 调用 'endEdit' 方法停止编辑一行将引发异常(修复). tree: 当lines属性设置为true时不能加载空数据(修复). 改善...

zbzhangzi的专栏 240

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

easyui datagrid复选框偶现选不中的问题解决

在项目中使用了easyui datagrid。 其中有个onloadSucess回调方法 其中有行代码 $("#dg_UM_InfoManagement").datagrid("selectRow",0); 在data.length为0时,再执行上述代码,就会在onSelect中报错,说不能读取id of undefined。也就是这行数据为空。 此后,点击复选框或者选中

maohuihua的专栏 649

easyui datagrid 遇到的坑 cannot read property ·· pageNum bug and so on

1 本人刚刚接到一个bug,就是初始化时若设置了datagrid到指定页数,点击下一页显示不对,4 --> ‘4’+1=41的字符串形式,再点击超出页码范围直接到最后一页; 原因:因为 pageNumber接收的是整数型的数据,而你遇到这种bug说明你传入的非整型的数据,需要利用parseInt进行转化一下,就不会再出现这样的错误了; function queryTable...

weixin_30566063的博客 241

datagrid 小数点_EasyUI 解决 datagrid 中 NumberBox 限制小数位数后不能输入小数点问题...

初始化界面,发现编辑datagrid,不能输入小数点。var arrColumnsCNT = [[{title: ‘毛重‘,field: ‘GrossWeight‘,halign: ‘center‘,width: 60,sortable: true,frozen: true,editor: {type: ‘numberbox‘,options:{precision:2}}}]];function ...

weixin_32027779的博客 495

easyui datagrid重新加载detailview异常_填坑!线上Presto查询Hudi表异常排查

欢迎关注微信公众号:ApacheHudi1. 引入线上用户反馈使用Presto查询Hudi表出现错误,而将Hudi表的文件单独创建parquet类型表时查询无任何问题,关键报错信息如下40931f6e-3422-4ffd-a692-6c70f75c9380-0_0-384-2545_20200513165135.parquet, start=0, length=67108864, fileSize...

weixin_40005795的博客 266

[Bug Report] jQuery EasyUI 1.3 : Datagrid 插件在pageNumber初始值为2(或大于1的任何整数)时存在“页码输入框”显示异常,页码输入框始终为1。...

Bug Report:http://www.jeasyui.com/forum/index.php?topic=545.0 描述:Datagrid 插件在pageNumber初始值为2(或大于1的任何整数)时存在“页码输入框”显示异常,页码输入框始终为1。 目前可以通过复写一段代码的方式解决,但是使用http://www.jeasyui.com/easyu...

weixin_30873847的博客 152

【工作笔记0008】easyui中datagrid绑定到table的翻页注意事项

无法绑定由多个部分组成的标识符 “(数据库表名或表的别名).字段”

adamlevine7的博客 886

项目总结(easyui ,handsontable)

最近项目的总结 1、handsontable如何将多余列的数据保存(多余列为隐藏状态,非pro版本) 返回的为多列只显示其中部分,使用columns属性,如:只显示返回结果中的第一二列columns:[{data:0},{data:1}],保存的时候要想保存返回数据的结构不变则在获取到数据后存储在一个单独的数组中,修改的结果也存储在这个数组中保存时返回它即可(hot.getData()只是返回当前...

qq_36792176的博客 675

前端datagrid("getSelections")问题&后台SQL查询问题

1、今天开发的时候碰到一个问题

菜鸟程序猿 4133

datebox easyui 不能输入_EasyUI datebox 设置不可编辑后再次修改为可编辑失效的解决...

工作中遇到的问题,折腾了好久:如下图:需求:当状态发生改变后,如果状态是未核实 , 核实人 核实时间 核实结果 核实说明 均为不可编辑状态具体js代码如下://状态改变$('#jsStatus').combobox({onSelect: function(r){if("dhs"==r.value){$('#jsPersonNo').val("");$('#jsPersonNo').attr("...

weixin_26777941的博客 997

解决easyui动态隐藏或显示列导致列表排版错乱的问题

bug展示原因分析 是不是没有固定宽度,从而宽度改变?列表已设置了固定宽度,否定! 是不是把列动态删除或生成,从而宽度改变?只做了列的隐藏或显示操作,否定! 是不是设置了自适应宽度,从而宽度改变?列表默认参数确实有fitColumns : true。测试一下确实是这个属性导致的。 解决方案由于fitColumns 参数是默认的基础参数,所以直接false覆盖就好了。总结很简单的小bug,现在收藏于此

一棵树 1309
上一篇: IDEA导入Eclipse项目的方法步骤(图文教程)
下一篇: mysql事务基本特征与浅谈mvcc模式事务读取一致性问题解决
mmm.c
博客等级 码龄9年 117粉丝 62原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值