Ext JS 4实现带week(星期)的日期选择控件(实战一)

编辑：rootadmin

前言 Ext JS 3 和 Ext JS 4中都有提供日期选择的组件(当然早期版本也有)。但是有一些日期选择的需求是要看到星期，就是日期中的哪一天是这一年的第几周。遗憾的是Ext js 并没有提供这样的配置。（针对Ext js 4来说，理想的相法是在Ext.picker.Date有一个类似showWeek这样的配置项）现有的解法到网络上去看看基于Ext js 的解法：有找到两个和第一种解法在IE上work, 在其他浏览器上显示不出来，直接忽视。第二种解法支持 Ext js 2 和 Ext js 3 版本，但是不支持Ext js 4。凭着个人在Ext js 升级上的一些经验，一开始觉得把这个扩展升级到Ext js 4应该没有什么问题。鼓捣了半天，放弃了。 Ext js 3 升级到Ext js 4后，日期页面的显示元素也做了修改，旧版本用 tr td 居多，新版本中多了一些 div 和 a 元素。而且class 的名字也换掉了。这样看起来，升级阻力较大。只能自己来实现这个扩展了。 Ext JS 4 日期控件扩展先贴上代码：原理很简单： 1. 改写 renderTpl，增加星期显示的列 2. 改写fullUpdate，设置星期的值。 Ext 有提供getWeekOfYear这个方法可以获取星期 3. onRender。这里需要特别注意的就是click 中的fn: me.handleDateClick 要给一个空函数，否则选日期的时候会执行两次。

推荐整理分享Ext JS 4实现带week(星期)的日期选择控件(实战一)，希望有所帮助，仅作参考，欢迎阅读内容。