【EasyUI】日期格式化

本文经过了测试，解决getFullyear() is not a function等问题

效果如下：

首先：

Oracle中字段设置为DATE，MySQL中设置为DATETIME，MyBatis中会自动映射为TimeStamp；

其次：

model实体类中字段使用sql.Timestamp，如果设置为DATE类型，那么时分秒会显示为00:00:00这样显然没有什么意义。

 function formatterdate(val, row) {

     if (val != null) {

         var date = new Date(val);

         return date.getFullYear() + '-' + (date.getMonth() + 1) + '-'

                 + date.getDate();

     }

 }

 /**

  * 格式化日期（不含时间）

  */

 function formatterdate1(val, row) {

     if (val != null) {

         var date = new Date(val);

         return date.getFullYear()

                 + "-"// "年"

                 + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"

                         + (date.getMonth() + 1)) + "-"// "月"

                 + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate());

     }

 }

 /**

  * 格式化日期（含时间"00:00:00"）

  */

 function formatterdate2(val, row) {

     if (val != null) {

         var date = new Date(val);

         return date.getFullYear()

                 + "-"// "年"

                 + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"

                         + (date.getMonth() + 1)) + "-"// "月"

                 + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())

                 + " " + "00:00:00";

     }

 }

 /**

  * 格式化去日期（含时间）

  */

 function formatterdate3(val, row) {

     if (val != null) {

         var date = new Date(val);

         return date.getFullYear()

                 + "-"// "年"

                 + ((date.getMonth() + 1) > 10 ? (date.getMonth() + 1) : "0"

                         + (date.getMonth() + 1))

                 + "-"// "月"

                 + (date.getDate() < 10 ? "0" + date.getDate() : date.getDate())

                 + " "

                 + (date.getHours() < 10 ? "0" + date.getHours() : date

                         .getHours())

                 + ":"

                 + (date.getMinutes() < 10 ? "0" + date.getMinutes() : date

                         .getMinutes())

                 + ":"

                 + (date.getSeconds() < 10 ? "0" + date.getSeconds() : date

                         .getSeconds());

     }

 }

以上是Common.js，引入到需要使用的jsp文件中。

 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

 <%

 String path = request.getContextPath();

 String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";

 %>

 <!DOCTYPE html>

 <html>

 <head>

 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

     <title>File Info</title>

     <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.1/themes/default/easyui.css">

     <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.1/themes/icon.css">

     <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.1/themes/color.css">

     <link rel="stylesheet" type="text/css" href="../jquery-easyui-1.4.1/demo/demo.css">

     <link rel="stylesheet" type="text/css" href="../css/info.css">

     <script type="text/javascript" src="../jquery-easyui-1.4.1/jquery.min.js"></script>

     <script type="text/javascript" src="../jquery-easyui-1.4.1/jquery.easyui.min.js"></script>

     <script type="text/javascript" src="../jquery-easyui-1.4.1/locale/easyui-lang-zh_CN.js"></script>

     <!-- <script type="text/javascript" src="../js/jquery-1.8.0.min.js"></script> -->

     <script type="text/javascript" src="../js/Common.js"></script>

 </head>

 <body>

     <!-- 显示文件信息的表格 -->

     <table id="dg"  class="easyui-datagrid" style="height: 470px;"

             url="findAll.do"

             toolbar="#toolbar" pagination="true"

             rownumbers="true" fitColumns="true" singleSelect="true"

             data-options="fit:false,border:false,pageSize:5,pageList:[5,10,15,20]" >

         <thead>

             <tr>

                 <!-- 此处必须和实体类字段一致 -->

                 <th field="filename" width="50">文件名</th>

                 <th field="filepath" width="50">文件路径</th>

                 <th field="updatedate" width="50">上传时间</th>

             </tr>

         </thead>

     </table>

     <table id="tdList"></table>

     <script type="text/javascript">

     var $jq = jQuery.noConflict();

     $jq(function () {

         $jq("#tdList").datagrid({

             url: "findAll.do",

             title: "数据字典列表",

             loadMsg: '正在加载信息...',

             width: "100%",

             idField: "Id",

             fitColumns: true,

             pagination: true,

             pageSize: 10,

             pageList: [10, 20, 35, 50],

             singleSelect: true,

             rownumbers: true,

             columns: [[

                     { field: 'filename', title: '文件名', width: 120 },

                     { field: 'filepath', title: '文件路径', width: 80 },

                     {

                         field: 'updatedate', title: '上传时间', width: 80,

                         formatter : formatterdate3

                     }

             ]],

             toolbar: [{

                 id: 'add',

                 text: '添加',

                 iconCls: 'icon-add',

                 handler: add

             }],

             onLoadSuccess: function (data) {

                 if (!data.rows) {

                     var body = $jq(this).data().datagrid.dc.body2;

                     body.find('table tbody').append('<tr><td width="' + body.width() + '" style="height: 25px; text-align: center;">没有数据</td></tr>');

                 }

             }

         });

     });

     function add(){

         $jq("#add").dialog({

             title: "添加数据字典类别",

             collapsible: true,

             minimizable: true,

             maximizable: true,

             resizable: true,

             width: 400,

             height: 260,

             buttons: [{

                 text: "保存",

                 iconCls: "icon-add",

                 handler: function () {

                     $jq("#add form").submit();

                 }

             }, {

                 text: "取消",

                 iconCls: "icon-cancel",

                 handler: function () {

                     $jq("#add").dialog("close");

                 }

             }]

         });

     };

 </script>

 </body>

 </html>

以上是JSP代码。

感谢其他博主提供的宝贵算法和建议。

【EasyUI】日期格式化的更多相关文章

jquery easyUI 日期格式化，DateBox只显示年
jquery easyUI 日期格式化,DateBox只显示年 >>>>>>>>>>>>>>>>> ...
MVC EasyUI 时间格式化
用 return Json(dr, JsonRequestBehavior.AllowGet); 会返回一个json 数据格式,在用 EasyUI 输出表格内容时会遇到时间输出不是我们想要的格式, ...
jquery easyUi columns日期格式化
jquery easyUi columns日期格式化方法一 Date.prototype.format = function (format) { var o = { "M+" ...
C# DateTime日期格式化
在C#中DateTime是一个包含日期.时间的类型,此类型通过ToString()转换为字符串时,可根据传入给Tostring()的参数转换为多种字符串格式. 目录 1. 分类 2. 制式类型 3. ...
Json.net日期格式化
1. 全局设置,可以在App_Global中配置 JsonSerializerSettings setting = new JsonSerializerSettings(); JsonConvert. ...
分享自己写的JS版日期格式化和解析工具类，绝对好用！
前言本来想模仿Java里面的SimpleDateFormat()对象的,但是感觉这样用起来不方便,所以还是直接写成单独的方法算了. 原文链接日期格式化使用说明 formatDate(date, ...
Oracle 英文非标准格式日期格式化
最近在处理一张表的时候,需要按照日期排序,日期字段中日期的格式有两种. 格式一:07-Aug-2015 格式二:10/28/16 日期转化及格式化sql语句: select to_date('07-A ...
Sql Server 日期格式化函数
Sql Server 中一个非常强大的日期格式化函数Select CONVERT(varchar(100), GETDATE(), 0): 05 16 2006 10:57AMSelect CONVE ...
django 过滤器、日日期格式化参数
转载:http://blog.csdn.net/xyp84/article/details/7945094 django1.4 html页面从数据库中读出DateTimeField字段时,显示的时间格 ...
161226、js日期格式化
JavaScript Date format(js日期格式化) 方法一:// 对Date的扩展,将 Date 转化为指定格式的String // 月(M).日(d).小时(h).分(m).秒(s).季 ...

随机推荐

JavaScript的基本语法
1.脚本的基本结构如下: <script language="JavaScript">  </script&g ...
mysql 基本操作
创建数据库 create database studentdb charset utf8; #创建数据库 create database studentdb charset utf8; #查看数据库的 ...
Dockerfile初探
git上的asp.net samples工程已经写好了docker file,内容是如下 //任何dockersfile都要以FORM开头,约定是用大写. FROM microsoft/aspne ...
获取文件的缩略图Thumbnail和通过 AQS - Advanced Query Syntax 搜索本地文件
演示如何获取文件的缩略图 FileSystem/ThumbnailAccess.xaml <Page x:Class="XamlDemo.FileSystem.ThumbnailAcc ...
【USACO 3.2】Sweet Butter（最短路）
题意一个联通图里给定若干个点,求他们到某点距离之和的最小值. 题解枚举到的某点,然后优先队列优化的dijkstra求最短路,把给定的点到其的最短路加起来,更新最小值.复杂度是\(O(NElogE) ...
快速排序中的partition函数的枢纽元选择，代码细节，以及其标准实现
很多笔试面试都喜欢考察快排,叫你手写一个也不是啥事.我很早之前就学了这个,对快速排序的过程是很清楚的.但是最近自己尝试手写,发现之前对算法的细节把握不够精准,很多地方甚至只是大脑中的一个映像,而没有理 ...
Flyout中ComboBox失效
参见这篇文章:https://blogs.msdn.microsoft.com/wsdevsol/2016/09/14/combobox-from-an-appbarbutton-loses-mous ...
在不损坏C盘的情况下为C盘扩容，适用于Win
2016年12月29日14:29:27 参考原文:http://jingyan.baidu.com/article/90808022a6c6b7fd91c80fc8.html 在不损坏磁盘的情况下给某 ...
[Tip]重写PanGestureRecognizer
目标识别当前pan方向是指定方向需要API 重写- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event; 获取所在view ...
supermap布局设定地图网格及布局网格
地图网格设定 LayoutElements elements = m_mapLayoutControl.MapLayout.Elements; //构造GeoMap GeoMap geoMap = n ...

【EasyUI】 日期格式化

【EasyUI】 日期格式化的更多相关文章

随机推荐

热门专题

【EasyUI】日期格式化

【EasyUI】日期格式化的更多相关文章