多种方式解决EasyUI—DataGrid中DateTime的格式化问题

最新推荐文章于 2024-07-23 11:29:35 发布
最新推荐文章于 2024-07-23 11:29:35 发布
阅读量1.5w 收藏 1
点赞数 2
分类专栏： @项目学习 文章标签： easyui datagrid 格式化
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hao134838/article/details/50776418
版权
本文介绍了在EasyUI DataGrid中遇到DateTime格式化问题的三种解决方法，包括修改数据库、调整ViewModel以及直接在前端处理时间戳。通过详细分析和示例，最终找到了通过截取Unix时间戳并转换为正确格式的方法，成功解决了显示问题。
摘要由CSDN通过智能技术生成

 

   引言


   最近在项目中遇到这么一个问题就是数据库中的字段类型是datetime类型的，这样当我们在controller中进行j


son序列化完成以后，在页面的easyuidatagrid中显示的时候出现了问题，不能正常显示，而是显示一列乱七八糟的


东西，见下图


   


   很明显这个格式的显示不是我们想要的结果，我们习惯的时间显示的方式像2016-03-24 23:14:11这样的，当小


编见到这个现象以后想了想肯定是因为这个字段的类型是datatime类型的，因为string类型的数据是可以正常显示


的，没有办法总能让用户看这样的东西啊，下面小编提供几种方式来解决这个问题


   第一、修改数据库


   既然我们知道了是因为数据库中的字段类型导致了这种错误，我们完全可以通过修改数据库的类型来解决，当


最低0.47元/天 解锁文章
g-Jack
关注
专栏目录
EasyUI——DateBox和DateTimeBox的汉化和显示格式修改
颗粒归仓
03-31 7504
最近做项目用到了EasyUI-DateBox控件，上网查询的查查询的时候发现还有DateTimeBox控件，其实使用的时候是一样的，只不过一个多了时间而已。     是用这个控件的时候遇到了两个问题，一个是汉化的问题，一个是格式显示问题。       两个控件的显示：   DateBox的默认日期格式是： DateTimeBox的默认日期格式是：   汉化：
解决easyui datagrid控件的日期显示问题1
08-08
利用System.out.println(jsonJAVA)(EmpServlet.java后台显示如下解决办法：对日期增加一个转换器 <script type
EasyExcel导入数据时兼容多种时间格式
最新发布
benniaofei18的博客
07-23 726
EasyExcel解析时间格式时，传入的时间格式既有可能为String类型，也有可能为Number类型。因此，需要针对不同的类型，进行特定的转换。该文章主要针对常见的几种时间格式进行转换，方便使用。
easyui datagrid中datetime字段的显示和增删改查问题
12-10 207
datagrid中datetime字段的异常显示： 使用过easyui datagrid的应该都知道，如果数据库中的字段是datetime类型，绑定在datagrid显式的时候会不正常显示，一般需要借助于formatter来格式化时间格式 { title: '活动开始时间', field: 'Begin...
EasyUI 的DataGrid中DateTime的格式化问题
weixin_34255793的博客
10-30 130
想必用过EasyUI的朋友们都应该会遇到这样的情况吧：（下图） 在EasyUI中DataGrid中如果要显示DateTime的时间时候，便会显示上图这样的格式，很明显，这里的格式不会是我们想要的，我们想要的就大概如2014-10-30 13.29之类的才人性话，从数据库后台传过来的是一个DateTime类型，却显示成这样。 对这个时间分析后，无意中发现，这个括号里面的不就是Unix时间戳吗...
easyui datatimebox 取值和赋值
weixin_34235135的博客
01-19 331
1.取值 var time = $('.easyui-datetimebox').datetimebox('getValue'); 全部代码如下： &lt;script type="text/javascript"&gt; function seach(){ var time = $('.easyui-datetimebox').datetimebox('getValue'); ...
EasyUI datagrid datetimebox扩展
FeelUps--The more U Give,The More U Have
08-28 1454
继承 EasyUI 进行扩展自定义的格式 /**扩展自定义的日期类***/ $.fn.datebox.defaults.formatter = function(date){ var y = date.getFullYear(); var m = date.getMonth()+1; var d = date.getDate(); var h = date.getHours()
easyUI日常问题之datagrid表格时间类型转换
小菜菜菜菜菜菜的博客
11-26 3604
先创建一个js文件，复制以下内容保存：
easyui-filebox java上传附件,在EasyUI项目中使用FileBox控件实现文件上传处理
weixin_29854111的博客
03-19 1172
我在较早之前的随笔《基于MVC4+EasyUI的Web开发框架形成之旅--附件上传组件uploadify的使用》Web框架介绍中介绍了基于Uploadify的文件上传操作，免费版本用的是Jquery+Flash实现文件的上传处理，HTML5收费版本的没有试过。随着Flash逐渐退出整个环境，很多浏览器都可能不再支持Flash的了，因此在更新原有EasyUI整个框架的时候，我们对框架全面进行了完善，...
Asp.net MVC中EasyUI Commobox和Combotree绑定和获取数据
深南大道
11-07 1290
=============================combobox绑定和获取数据==================================== 1、获取选中的值 $('#comboboxlist').combobox('getValue'); //单选时 $('#comboboxlist').combobox('getValues'); //多选时 2、赋值 $('#comb...
easyui 日期控件选择到月份
04-13
easyui日期控件只选择到月份，保存记录一下。 <input id="month" class="easyui-datetimebox" name="month" data-options="required:true,formatter:myformatter,parser:myParser" 160px" />
数据库树形结构，EasyUI Tree 树
Camel
01-26 748
通过 $.fn.tree.defaults 重写默认的 defaults。 树（tree）在网页中以树形结构显示分层数据。它向用户提供展开、折叠、拖拽、编辑和异步加载功能。 树的数据格式（Tree Data Format） 每个节点可以包括下列属性： id：节点的 id，它对于加载远程数据很重要。 --对应id text：要显示的节点文本。----对应name state：节点状态，‘open’...
Net-MVC+EasyUI之 TinyMCE使用
08-05 239
最近公司要做一个后台，项目中有一个需要使用富文本编辑器的功能录入文章内容，而且这个内容包括文字、图片、视频、链接，我找了好多资料，又有领导的嘱咐要求简单、易用、没有漏洞、常用功能齐全的编辑器，最后找了找选中了TinyMCE，同事们之前开发的项目前端使用的VUE其中也使用了TinyMCE的编辑，评价还是非常好的，再加上也有很多网友创建了本编辑器的QQ群，有问题相互讨论，所以就选了这个。 中文文档地址（参考）：http://tinymce.ax-z.cn/ TinyMCE是一款易用、且功能强大的所见即所得的
自定义EasyUI的datetimebox控件日期时间的显示格式
qiancc的博客
05-08 2万+
工作中遇到的问题，在此记录一下。需求：前台页面使用了EasyUI框架，在某一个html页面中要求datetimebox显示格式为年月日和小时，如图所示： 尝试过两种方法，分别如下： 第一种方法： datetimebox 依赖 datebox和timespinner两个组件，拥有datebox的formatter格式化日期和时间显示方式的属性;重写了formatter属性,来改变日期框的显示方式
easyUI自带的时间插件日期选择、月份选择、时间选择的使用
热门推荐
kry1201的专栏
03-28 4万+
1.日期选择    只要将class设置成easyui-datebox就可以了，当然前提是已经应用了easyui的js   2.时间选择 默认的时间选择是精确到年月日时分秒的，只要把class设置成easyui-datetimebox就可以实现 当然他的效果图是这样的： 所以如果需要自定义他的显示格式的话我们需要自己重写他的format方法：（注意下面红色部分需要加进去）da
EasyUI日期时间框DateTimeBox
程序员哆啦A梦，蓝胖子
07-15 707
WEB DEMO 日期时间框 DateTimeBox <!DOCTYPE html> <html> <HTML> <head> <HEAD> <meta charset="UTF-8"> <meta charset =“UTF-8”> <title>Fluid DateTimeBox - jQue...
easyui中datatime设置
Future_IT_Daniel的博客
12-21 539
function time(){ var time = new Date(); $("#startDate").datebox("setValue",myFormatter(time)); $("#endDate").datebox("setValue","new Date()"); } //格式化时间 function myFormatter
easyUi datagrid 日期时间格式化操作 {title
不知为知之 的博客
11-29 668
$('#InvoicedManualMatchingList').datagrid({ columns : [[ {title : '汇款日期',field : 'txndate',width : '150px',align:'center',`formatter: formatDatebox`}, formatter: formatDatebox // 对于日期格式的处理 ...
评论 27
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

g-Jack

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值