【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).季 ...

随机推荐

Docker 简介
1.什么是Docker Docker 是一个开源的应用容器引擎,让开发者可以打包他们的应用以及依赖包到一个可移植的镜像中,然后发布到任何流行的 Linux 机器上.使用Docker可以让每个应用彼此相 ...
Activity的生命周期
Activity的生命周期以往我们实现页面间的跳转都是实例化Intent类的对象,但是页面在我们眼前的出现与消失没有我们所看到的那么简单,它有一个复杂的生命周期,一个页面的出现,被覆盖,再次出现,被 ...
百度地图demo
以下代码拷贝成html,直接运行即能看到百度地图 <!DOCTYPE html><html> <head> <meta http-equiv="Co ...
Android零碎知识
1.当启动一个APP时按下后退键会调用onBackPressed方法. 如果想要屏蔽后退键只需要重写onBackPressed方法如下即可: @Override public void onBackP ...
linux 常见命令
redhat 1.获取apt软件列表 sudo apt-cache search all 2.添加用户并创建目录 sudo useradd -m username -s /sbin/bash 3.vs ...
setTimeout和setInterval定时器使用详解测试
var len=4; while(len--){ var time=setTimeout(function(){ console.log(len); },0); console.log(time); ...
cookie
1.基本操作 Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给 ...
JAVA实现带图片的列表——JList
JList:显示对象列表并且允许用户选择一个或多个项的组件. JList的构造方法: 1.根据数组创建列表: JList(Object[] listData) 构造一个 JList,使其显示指定数组中 ...
Python 【第十章】 Django路由
路由可以简单理解就是 URL -> 函数名例如: /login1/ -> 函数名 urls.py文件中 urlpatterns = [ # url(r'^admin/', admin.s ...
HTML 全局属性
http://www.w3school.com.cn/tags/html_ref_standardattributes.asp

【EasyUI】 日期格式化

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

随机推荐

热门专题

【EasyUI】日期格式化

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