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

随机推荐

服务端跨域处理 Cors
1 添加 System.Web.Cors,System.Web.Http.Cors 2 global文件中注册asp.net 管道事件 protected void Application_Beg ...
C 语言学习第12次作业总结
作业总结本次课堂的内容为字符串相关的几个函数还有结构体. 字符串相关函数在此之前的课程中,输入主要都是使用scanf这个函数.而在这节课上,冯老师讲解了字符串获取函数gets.在不需要控制符的情况 ...
Android工程的编译过程
现在很多人想对Android工程的编译和打包进行自动化,比如建立每日构建系统.自动生成发布文件等等.这些都需要我们对Android工程的编译和打包有一个深入的理解,至少要知道它的每一步都做了什么,需要 ...
js或css文件后面的参数是什么意思？
经常看到不少导航网站测样式或js文件后面加了一些参数,主要是一你为一些并不经常更新的页面重新加载新修改的文件. 经常遇到页面里加载的js与css文件带有参数,比如: <script type=& ...
一个脚本可以一直运行 ignore_user_abort
php中ignore_user_abort函数的用法 PHP中的ignore_user_abort函数是当用户关掉终端后脚本不停止仍然在执行,可以用它来实现计划任务与持续进程,下面会通过实例讨论ign ...
Git，non-fast-forward
当把coding好的code,push到Git时会出现这个错误:master[rejected non-fast-forward] 问题(Non-fast-forward)的出现原因在于:git仓库 ...
js获取输入框中当前光标位置并在此位置插入字符串的方法(angularjs+ts)
一半是参照别人代码,一半是自己代码,略笨拙,如果有更好的方法希望分享. 获取当前光标位置的方法 getCaretPosition (obj:any) { //获取输入框中当前光标的位置,obj为此输入 ...
Neural Network Toolbox使用笔记1：数据拟合
http://blog.csdn.net/ljp1919/article/details/42556261 Neural Network Toolbox为各种复杂的非线性系统的建模提供多种函数和应用程 ...
Python Day21
Cookie 1.获取Cookie: request.COOKIES['key'] request.get_signed_cookie(key, default=RAISE_ERROR, salt=' ...
php实现数据粘性例子
php实现数据粘性例子在填表单的时候,有时候会出现表单未填完就提交的情况,这时候若是想要回到原来的表单页面,一般之前填的内容都会消失掉. 故使用PHP实现回到原来表单但是填写数据不消失,代码

【EasyUI】 日期格式化

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

随机推荐

热门专题

【EasyUI】日期格式化

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