Ext.onReady(function(){//初始化全局 QuickTips 实例  使得tip提示可用Ext.QuickTips.init();//别名var xg=Ext.grid;//创建一个ArrayReadervar reader=new Ext.data.ArrayReader({},[{name:"name",type:"string"},{name:"age",type:"int"},{name:"empno",type:"int"},{name:"sex",type:"int"},{name:"birthday",type:"date",dateFormat:"n/j h:ia"},{name:"salary",type:"float"},{name:"deptno",type:"int"},{name:"desc",type:"string"}]);//创建一个RowExpander,行展开的时候的样式var expander=new Ext.ux.grid.RowExpander({tpl:new Ext.Template('<p><b>姓名:</b>{name}</p><br/>','<p><b>描述信息:</b>{desc}</p>')              }); //性别的erndererfunction sexCls(val){return val==0? "male" : "female";}//创建一个gridvar grid1=new xg.GridPanel({store:new Ext.data.Store({reader:reader,data:xg.dummyData//数据模型}),cm:new xg.ColumnModel({defaults:{width:20,sortable:true},columns:[expander,{header:"姓名",dataIndex:"name"},{header:"年龄",dataIndex:"age"},{id:"empno",header:"编号",width:40,dataIndex:"empno"},{header:"性别",dataIndex:"sex",renderer:sexCls},{header:"生日",dataIndex:"birthday",renderer:Ext.util.Format.dateRenderer("Y-m-d"),dataIndex:"birtdhay"},{header:"工资",dataIndex:"salary",dataIndex:"salary"},{header:"部门编号",dataIndex:"deptno"}]}),viewConfig:{//作用在grid's UI试图上的配置项对象, 任何Ext.grid.GridView可用的配置选项都可在这里指定。若view已指定则此项无效forceFit:true},width:600,height:300,plugins:expander,collapsible:true,//True表示为面板是可收缩的animCollapse:false,//True 表示为面板闭合过程附有动画效果title:"雇员的信息",iconCls:"icon-grid", //为该面板设置图标的样式类。此方法会覆盖当前现有的图标renderTo:document.body //提供到窗体的body上});});    //数据Ext.grid.dummyData=[["张三00",12,1001,1,"1990-05-20",3000,50],["张三01",16,1002,0,"1990-05-21",3000,20],["张三02",19,1003,1,"1990-05-22",3000,20],["张三03",25,1004,1,"1990-05-23",3000,10],["张三04",22,1005,1,"1990-05-24",3000,30],["张三05",24,1006,1,"1990-05-25",3000,20],["张三06",23,1007,0,"1990-05-26",3000,60],["张三07",21,1008,0,"1990-05-27",3000,90],["张三08",25,1009,0,"1990-05-28",3000,10],["张三09",28,1010,1,"1990-05-29",6000,20],["张三20",26,1011,0,"1990-05-20",2000,50],["张三21",29,1012,0,"1990-06-20",8000,40],["张三22",22,1013,1,"1990-01-20",3000,50],["张三23",28,1014,0,"1990-02-20",3000,60],["张三24",21,1015,1,"1990-08-20",3000,50]];// 添加描述信息for(var i = 0; i < Ext.grid.dummyData.length; i++){Ext.grid.dummyData[i].push('这个是一个简单的演示的信息,测试描述信息的.');}

上面是我的代码:

注意我的日期的格式,

还有解析的格式

需要注意的是,你的格式是什么样子的,那么需要在解析的时候就以什么格式解析改:Y-m-d

]还有一个地方:

应该改成birthday和reader中的一致

转载于:https://www.cnblogs.com/javaexam2/archive/2012/03/28/2632734.html

extjs 日期不显示相关推荐

  1. Extjs日期格式问题

    一般我们的前台代码Ext.grid.ColumnModel里会这样写,以便显示日期格式: Js代码 1.....   2.{header:"birthday",dataIndex: ...

  2. asp 之 让实体中字段类型为DateTime的字段仅仅显示日期不显示时间

           在我们平时的工作开发中.我们一般会遇到这种一个问题:某个实体的某个字段是DateTime类型的,但是我们在界面上仅仅想让它显示日期不显示时间! 一个订单实体: //订单类public c ...

  3. 您计算机的日期和时间不正确 因此无法,电脑显示时间不正确_电脑日期时间显示不对怎么办...

    摘要 腾兴网为您分享:电脑日期时间显示不对怎么办,掌上优云,游戏堂,优化大师,学堂里等软件知识,以及惠普打印机驱动1136,重庆网络干部学院,手机悬浮球,串口控制器,阿鲁表情包,advapi32.dl ...

  4. 关于element-ui使用el-date-picker清除选择日期后参数为null以及选择日期无法显示的问题

    选择日期无法显示的问题 //template中的代码 <el-date-pickerv-model="queryParams.start_end_time"type=&quo ...

  5. 输入一个日期,显示下一天日期

    输入一个日期,显示下一天日期 要求: 设计程序输入一个日期,显示下一天日期. 代码如下: import java.util.Scanner; public class nextDate{public ...

  6. 关于日期的显示与输入

    原载于Chinaspx.com] 本来不想对日期格式化这个问题写多少的. 因为在VS.NET中有SDK文档中就有很详细的介绍.怕有盗名的嫌疑.不过在论坛上有不人问这个问题我就在这里进行简单的介绍(以下 ...

  7. 84. ExtJS下页面显示中文乱码问题

    转自:https://blog.csdn.net/wenminhao/article/details/51198981 最近在学校extjs是,使用js脚本显示中文在html页面中时,中午出现了乱码的 ...

  8. JS根据日期比较显示时分或者月日

    使用JS根据获取的日期进行比较,如果是当天时间就返回时分,否则返回月日. 效果如下: JS函数代码如下: function getTime(time){//测试//var time = "2 ...

  9. Extjs关于alert显示不出—异步问题

    对应extjs提示框不能正常显示,而使用js的本身提示框可以正常,但由于样式不统一,不是 好的解决方法. 解决该问题,要了解extjs异步原理. ext的提示框都是异步的,非阻塞模式的,浏览器js的提 ...

最新文章

  1. python 正则表达质 re.sub() 的使用
  2. linux kvm虚拟化命令,Linux系统下kvm虚拟化(三)日常管理常用命令和配置说明
  3. 河北工程大学科信学院计算机二级,河北工程大学科信学院计算机科学与技术专业...
  4. 部署时服务端Excel的COM设置
  5. .NET及.NET Core系统架构
  6. Delphi 完整的Bug决议工具EurekaLog的使用
  7. 安卓c语言文档下载,C语言.NET技术09.doc
  8. ip扫描工具之traceroute/nmap/fping
  9. android studio飞机大战游戏带注释源码教程(多线程)
  10. MovieLens电影推荐系统
  11. 西门子定位器6DR5020-0NG00-0AA0
  12. 2022 年 Flutter 适合我吗?Flutter VS Other 量化对比
  13. 初探Spring Cloud-Netflix
  14. 转载CSDN博客时的错误
  15. 微信小程序云开发 · 从0搭建商业级校园跑腿平台(已开源)
  16. java web胖客户端,【转载】:瘦客户端、胖客户端、富客户端
  17. 求最近公共祖先和所有祖先
  18. opencv快速入门人脸检测与人脸识别
  19. 【知识梳理】平面几何
  20. URL中%2F,%2B等特殊字符

热门文章

  1. Oracle笔记-Timestamp类型的插入及获取(JDBC获取)
  2. Java工作笔记-使用jquery.timer.js实现数据自动刷新
  3. Qt文档阅读笔记-qmake入门指南
  4. OpenCV如何修改Mat中某像素(某通道的数值)
  5. Qt工作笔记-QSS中关于QCombox的设置
  6. 华为手机8.0.0怎么找到云相册_华为G9怎么找到云相册_失而复得 华为“查找手机”功能有多强大?快来了解一下......
  7. php mysql while循环,PHP_MySQL教程-第二天while循环与数据库操作第2/2页
  8. qt 串口发送char 数组乱码_串口的波特相差多大会误码
  9. android日志打印机制,Android4_使用Log打印
  10. 泛华贷款输出可靠解决方案,提供高质量金融服务