少废话,上图先:
当初因为客户一个BT的要求,要显示农历、星期六和星期天要高亮。在网上售了很久都没有找到合适的,要么不能和Ext相结合,要么就是有些致命的缺陷。在前人基础上,特别是在公司另外一位同事的基础上,再自己改了改。就达到了上面的效果。
代码如下:
说明:
- 修改了Ext.DatePicker和Ext.form.DateField两个类的原型,这样可以达到和Ext无缝结合;
- 添加showRedSatSun ,showLunarCalendar 两个属性,用于配置是否红色突出显示星期六和星期天,默认均为false;
- 在Ext3.1版本测试通过,如果要在其他版本上使用,需要找到Ext.form.DateField和Ext.DatePicker两个类的源代码,再参照以上JS文件修改相应方法;
- 当然也存在一定的不足,比如节日文字超过3个字,显示就别遮挡住了。比如图片上的8月17七夕情人节。后续再看看怎么改……
- 还有另外一种实现方式,可见农历作为一个单独的拓展控件,源码中提供了另一种方式的JS文件,下载后导入即可;
- 完整代码下载:http://download.csdn.net/source/2604985