没有合适的资源?快使用搜索试试~ 我知道了~
首页EXTJS升级版时间控件
/** * 超级时间选择控件:在原有时间控件功能上,新增了单独选择年/月,年,月的功能,清空时间功能 * Ext-3.0.0 * 用法: * <br><input type="text" name="dateField" id="dateField" /> * new Ext.form.SuperDateField({ applyTo : 'dateField', format:'Y' }); <br>重要参数说明: format <br>1:当时间格式参数中不含'd',则只显示年月选择面板。如:'Y-m','Y年m月' <br>2:当时间格式参数中不含'd','m',并以'Y'开头,则只显示年份选择面板。如:'Y','Y年' <br>3:当时间格式参数中不含'd','Y',并以'm'开头,则只显示月份选择面板。如:'m','m月' <br>4:当时间格式参数中包含'd',则和普通时间控件一样
资源详情
资源评论
资源推荐

效果图 1:只选择年
效果图 2:只显示月
效果图 3:显示年月
代码如下:

/**
* 超级时间选择控件:在原有时间控件功能上,新增了单独选择年/月,年,月的功能,清空时间功
能
* Ext-3.0.0
* 用法:
* <br><input type="text" name="dateField" id="dateField" />
* new Ext.form.SuperDateField({
applyTo : 'dateField',
format:'Y'
});
<br>重要参数说明:
format
<br>1:当时间格式参数中不含'd',则只显示年月选择面板。如:'Y-m','Y 年 m 月'
<br>2:当时间格式参数中不含'd','m',并以'Y'开头,则只显示年份选择面板。如:'Y','Y 年'
<br>3:当时间格式参数中不含'd','Y',并以'm'开头,则只显示月份选择面板。如:'m','m 月'
<br>4:当时间格式参数中包含'd',则和普通时间控件一样
* @author DuanYong
* @since 2011-07-08
* @version 2.0
* @class Ext.form.SuperDateField
* @extends Ext.form.DateField
*/
Ext.form.SuperDateField = Ext.extend(Ext.form.DateField, {
format : 'Y',
onTriggerClick : function() {
Ext.form.SuperDateField.superclass.onTriggerClick.call(this);
Ext.apply(this.menu.picker, {
input : this
});
// 当显示时间格式不含'd'时,直接调用 showMonthPicker()显示年月选择面板
if(this.format.indexOf('d') == -1){
this.menu.picker.showMonthPicker();
}
}
});
// 注册 xtype
Ext.reg('superDateField', Ext.form.SuperDateField);
/**
* 覆盖 Ext.DatePicker 部分方法,新增只显示年月,年,月选择面板功能
* 注意:修改方法时需注意不要影响正常时间控件功能
*/
Ext.override(Ext.DatePicker, {
clearText:'清空',
onRender : function(container, position) {

var m = [
'<table cellspacing="0">',
'<tr><td class="x-date-left"><a href="#" title="',
this.prevText,
'"> </a></td><td class="x-date-middle" align="center"></td><td class="x-date-
right"><a href="#" title="',
this.nextText, '"> </a></td></tr>',
'<tr><td colspan="3"><table class="x-date-inner" cellspacing="0"><thead><tr>'], dn =
this.dayNames, i;
for (i = 0; i < 7; i++) {
var d = this.startDay + i;
if (d > 6) {
d = d - 7;
}
m.push('<th><span>', dn[d].substr(0, 1), '</span></th>');
}
m[m.length] = '</tr></thead><tbody><tr>';
for (i = 0; i < 42; i++) {
if (i % 7 === 0 && i !== 0) {
m[m.length] = '</tr><tr>';
}
m[m.length] = '<td><a href="#" hidefocus="on" class="x-date-date"
tabIndex="1"><em><span></span></em></a></td>';
}
m.push('</tr></tbody></table></td></tr>',
'<tr><td colspan="3" class="x-date-bottom" align="center"><table><tr>',
this.showToday ?'<td class="x-date-today"></td>' : '',
'<td class="x-date-clear"></td></tr></table></td></tr>',
'</table><div class="x-date-mp"></div>');
var el = document.createElement('div');
el.className = 'x-date-picker';
el.innerHTML = m.join('');
container.dom.insertBefore(el, position);
this.el = Ext.get(el);
this.eventEl = Ext.get(el.firstChild);
this.prevRepeater = new Ext.util.ClickRepeater(this.el
.child('td.x-date-left a'), {
handler : this.showPrevMonth,
scope : this,
preventDefault : true,
剩余13页未读,继续阅读












小垣
- 粉丝: 55
- 资源: 48
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
最新资源
- Xilinx SRIO详解.pptx
- Informatica PowerCenter 10.2 for Centos7.6安装配置说明.pdf
- 现代无线系统射频电路实用设计卷II 英文版.pdf
- 电子产品可靠性设计 自己讲课用的PPT,包括设计方案的可靠性选择,元器件的选择与使用,降额设计,热设计,余度设计,参数优化设计 和 失效分析等
- MPC5744P-DEV-KIT-REVE-QSG.pdf
- 通信原理课程设计报告(ASK FSK PSK Matlab仿真--数字调制技术的仿真实现及性能研究)
- ORIGIN7.0使用说明
- 在VMware Player 3.1.3下安装Redhat Linux详尽步骤
- python学生信息管理系统实现代码
- 西门子MES手册 13 OpcenterEXCR_PortalStudio1_81RB1.pdf
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈



安全验证
文档复制为VIP权益,开通VIP直接复制

评论6