ExtJs定制日历控件——定制部分解析

最新推荐文章于 2022-05-09 10:54:10 发布

天使路

最新推荐文章于 2022-05-09 10:54:10 发布

阅读量966

点赞数

分类专栏： ExtJs 文章标签： Ext JS 日历

本文链接：https://blog.csdn.net/linglinglu/article/details/12998665

版权

本文介绍了如何在ExtJS中定制日历控件，重点关注日历控件中日期单元格的定制。文章通过分析源码中的三个for循环，特别是针对当前月份的循环，展示了如何自定义显示和操作日历的各个日期。

摘要由CSDN通过智能技术生成

日历控件中，我们自己需要写的就是每一个日期单元格中的部分，在日历控件部分代码的最后面，有三个for循环，用来控制上个月当前月和下个月日期，其中第二个循环是当前月（日历标题部分选择的月份）控制部分。

代码如下：

			for(; i < startingPos; ) {
				var tempId = "fruit"+i;
				d.setDate(d.getDate()+1);
				var fvalue = d.dateFormat(format);
				textEls[i].innerHTML = '<div align="center"><font size ="2" color = "#8B8378" >'+(++prevStart)+'</font>'+'<br></div>';
				cells[i].className = 'x-date-prevday';
				setCellClass(this, cells[i]);
				i = i + 1;
			}
			for(; i < days; ){
				var divId = "div"+i;
				var intDay = i - startingPos + 1;
				d.setDate(d.getDate()+1);
				var fvalue = d.dateFormat(format);
				var comboId = "combo"+fvalue+"