Extjs问题

在extjs中日期组件 要求只含年份和月份

请园子里朋友帮忙解决一下 谢谢

使用第三方日期插件: www.my97.net

整两个combobox 一个是年 一个是月

要自己改一个控件

楼主参照下面的代码即可，只需要看有注释的地方，即可帮你实现你的效果。
[code="java"]

  1. Ext.override(Ext.DatePicker, {
  2. onRender : function(container, position) {
  3. var m = [
  4. '',
  5. '
    6. ',
  6. '
    7. <a href="#" title="',
  7. this.prevText,
  8. '"> 
    		9. <a href="#" title="',
  9. this.nextText, '"> 
    10. '];
    1. var dn = this.dayNames;
    2. for (var i = 0; i < 7; i++) {
    3. var d = this.startDay + i;
    4. if (d > 6) {
    5. d = d - 7;
    6. }
    7. m.push("
    ");
  10. }
  11. m[m.length] = "
    12. ";
  12. for (var i = 0; i < 42; i++) {
  13. if (i % 7 == 0 && i != 0) {
  14. m[m.length] = "
    15. ";
  15. }
  16. m[m.length] = '
    17. ';
  17. }
  18. m[m.length] = '
    19. ", dn[d].substr(0, 1), "
    ';

  20. var el = document.createElement("div");
  21. el.className = "x-date-picker";
  22. el.innerHTML = m.join("");

  24. container.dom.insertBefore(el, position);

  26. this.el = Ext.get(el);
  27. this.eventEl = Ext.get(el.firstChild);

  29. new Ext.util.ClickRepeater(this.el.child("td.x-date-left a"), {
  30. handler : this.showPrevMonth,
  31. scope : this,
  32. preventDefault : true,
  33. stopDefault : true
  34. });

  36. new Ext.util.ClickRepeater(this.el.child("td.x-date-right a"), {
  37. handler : this.showNextMonth,
  38. scope : this,
  39. preventDefault : true,
  40. stopDefault : true
  41. });

  43. this.eventEl.on("mousewheel", this.handleMouseWheel, this);

  45. this.monthPicker = this.el.down('div.x-date-mp');
  46. this.monthPicker.enableDisplayMode('block');

  48. var kn = new Ext.KeyNav(this.eventEl, {
  49. "left" : function(e) {
  50. e.ctrlKey ? this.showPrevMonth() : this.update(this.activeDate
  51. .add("d", -1));
  52. },

  54. "right" : function(e) {
  55. e.ctrlKey ? this.showNextMonth() : this.update(this.activeDate
  56. .add("d", 1));
  57. },

  59. "up" : function(e) {
  60. e.ctrlKey ? this.showNextYear() : this.update(this.activeDate
  61. .add("d", -7));
  62. },

  64. "down" : function(e) {
  65. e.ctrlKey ? this.showPrevYear() : this.update(this.activeDate
  66. .add("d", 7));
  67. },

  69. "pageUp" : function(e) {
  70. this.showNextMonth();
  71. },

  73. "pageDown" : function(e) {
  74. this.showPrevMonth();
  75. },

  77. "enter" : function(e) {
  78. e.stopPropagation();
  79. return true;
  80. },

  82. scope : this
  83. });

  85. this.eventEl.on("click", this.handleDateClick, this, {
  86. delegate : "a.x-date-date"
  87. });

  89. this.eventEl.addKeyListener(Ext.EventObject.SPACE, this.selectToday,
  90. this);

  92. this.el.unselectable();

  94. this.cells = this.el.select("table.x-date-inner tbody td");
  95. this.textNodes = this.el.query("table.x-date-inner tbody span");

  97. this.mbtn = new Ext.Button({
  98. text : " ",
  99. tooltip : this.monthYearText,
  100. renderTo : this.el.child("td.x-date-middle", true)
  101. });

  103. this.mbtn.on('click', this.showMonthPicker, this);
  104. this.mbtn.el.child(this.mbtn.menuClassTarget)
  105. .addClass("x-btn-with-menu");

  107. var today = (new Date()).dateFormat(this.format);
  108. this.todayBtn = new Ext.Button({
  109. renderTo : this.el.child("td.x-date-bottom", true),
  110. text : String.format(this.todayText, today),
  111. tooltip : String.format(this.todayTip, today),
  112. handler : this.selectToday,
  113. scope : this
  114. });

  116. if (Ext.isIE) {
  117. this.el.repaint();
  118. }
  119. this.update(this.value);
  120. //手动触发按钮，显示窗体。
  121. this.mbtn.getEl().dom.click();
  122. },
  123. onMonthClick : function(e, t) {
  124. e.stopEvent();
  125. var el = new Ext.Element(t), pn;
  126. if (el.is('button.x-date-mp-cancel')) {
  127. this.selectToday(this.value); //关闭窗体
  128. } else if (el.is('button.x-date-mp-ok')) {
  129. //设置值
  130. this.value = new Date(this.mpSelYear, this.mpSelMonth,(this.activeDate || this.value).getDate());
  131. //调用值回显的方法，并将选择的值传递过去.最后关闭窗体
  132. this.selectToday(this.value);
  133. // this.update(new Date(this.mpSelYear, this.mpSelMonth, (this.activeDate || this.value).getDate()));
  134. } else if (pn = el.up('td.x-date-mp-month', 2)) {
  135. this.mpMonths.removeClass('x-date-mp-sel');
  136. pn.addClass('x-date-mp-sel');
  137. this.mpSelMonth = pn.dom.xmonth;
  138. } else if (pn = el.up('td.x-date-mp-year', 2)) {
  139. this.mpYears.removeClass('x-date-mp-sel');
  140. pn.addClass('x-date-mp-sel');
  141. this.mpSelYear = pn.dom.xyear;
  142. } else if (el.is('a.x-date-mp-prev')) {
  143. this.updateMPYear(this.mpyear - 10);
  144. } else if (el.is('a.x-date-mp-next')) {
  145. this.updateMPYear(this.mpyear + 10);
  146. }
  147. },
  148. hideMonthPicker : function(disableAnim) {
  149. //去掉这个方法，日期控件就不会显示年/月/日的界面了
  150. /*if (this.monthPicker) {
  151. if (disableAnim === true) {

  153. //this.monthPicker.hide();
  154. } else {
  155. // this.monthPicker.slideOut('t', {duration:.2});
  156. }
  157. }*/
  158. },
  159. selectToday : function(selDate) {
  160. this.setValue(new Date().clearTime());
  161. //这里的日期值从外部传入，更新value
  162. if (selDate != null && selDate != undefined && selDate != "") {
  163. this.setValue(selDate);
  164. }

  166. this.fireEvent("select", this, this.value);
  167. }
  168. })
    [/code]