??????? 日歷控件中，我們自己需要寫的就是每一個日期單元格中的部分，在日歷控件部分代碼的最后面，有三個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+"-"+i; // 設置這個ID是為了讓每個單元格中保存當前日期唯一的ID，如果直接使用fvalue的話，獲取的會是這個月最后一天對應的值var config = new Ext.Button({text: '設置',id: comboId,border: false,handler : function(edt,e) {var dateStrConfig = edt.id.substring(5,15);/** 按鈕處理事件 */}});/** 單元格中顯示內容 */textEls[i].innerHTML = '<div align="center"><font size ="2">'+(intDay)+'</font>'+'<br><div id="'+divId+'" align="center"></div></div>';config.render(divId); // 將我們自己定義的按鈕放到單元格中(渲染)cells[i].className = 'x-date-active';setCellClass(this, cells[i]);i = i + 1; }var extraDays = 0;for(; i < 42; ) {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">'+(++extraDays)+'</font>'+'<br></div>';cells[i].className = 'x-date-nextday';setCellClass(this, cells[i]);i = i + 1;}

?

總結

以上是生活随笔為你收集整理的ExtJs定制日历控件——定制部分解析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。