`
GaoJimmy
  • 浏览: 102116 次
  • 性别: Icon_minigender_1
  • 来自: 昆明
社区版块
存档分类
最新评论

extjs月份选择插件

阅读更多

Ext.namespace("ntbms")
ntbms.MonthPicker=Ext.extend(
	Ext.form.Field,
	{
		getValue:function(){
			var arr=this.el.query("select");
			var year=arr[0].value;
			var month=arr[1].value;
			return year+"-"+month;
		},
		/**value 格式2000-07*/
		setValue:function(value){
			if(Ext.type(value)=="date")
			{
				var year=value.getFullYear();
				var rawMonth=value.getMonth()+1;
				console.log(rawMonth);
				var month=null;
				if(rawMonth<10)
					month="0"+rawMonth;
				else
					month=rawMonth;
				var arr=this.el.query("select");
				arr[0].value=year;
				arr[1].value=month;
			}
			else
				throw new Error();
		},
		defaultAutoCreate:function(){
			var result={tag:"div",children:[]};
			var year={tag:"select",children:[]};
			for(var i=2000;i<=2040;i++)
			{
				year.children.push({
					tag:"option",
					value:i,
					html:i
				})
			}
			var month={tag:"select",children:[]};
			for(var i=1;i<=12;i++)
			{
				if(i<10)
					i="0"+i;
				month.children.push({
					tag:"option",
					value:i,
					html:i
				});
			}
			result.children.push(year);
			result.children.push({tag:"span",html:"年"});
			result.children.push(month);
			result.children.push({tag:"span",html:"月"});
			return result; 
		}()
	}
)
Ext.reg("ntbmsMonthPicker",ntbms.MonthPicker);
 
  • 大小: 3.4 KB
分享到:
评论
2 楼 笨小孩飞飞 2013-04-23  
我只想说 帅呆了  写写  原来还可以这样写  呵呵
谢谢  真是豁然开朗啊  呵呵
1 楼 wmj007 2012-04-18  
你好,你的这个插件怎么用撒

相关推荐

    extjs年月选择控件

    extjs的年月选择控件,主要针对原有的extjs Datefield控件的基础上增加了插件

    extjs年份控件(只显示年,无月日时分秒)

    Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)

    extjs扩展的月份控件

    同事写的extjs月份扩展控件,可以直接调用,用于只要求显示月份不显示日期的项目

    extjs扩展年度控件,EXTJS里的时间控件的年度重写

    然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务需求,比如在本例中,我们需要扩展EXTJS的时间控件以实现“年度”选择的功能。 EXTJS的Date Picker默认提供了日、月、年的选择,但可能并不完全...

    Extjs4.1日期年月控件

    使用Extjs4.1编写了只能选择年月的日期控件

    extjs6.2月份年份控件.rar

    标题提到的"extjs6.2月份年份控件.rar"是一个针对EXTJS 6.2版本定制的日期选择组件,它专注于年份的选择,而不涉及具体的月份和日期。这种控件在某些特定场景下非常有用,例如只需要用户输入年份的信息时。 EXTJS ...

    extjs3.0 中扩展的日期控件

    由于extjs3.0自己封装的时间不能够选择时分秒,给大家开发带来了一些麻烦。虽然网上有ext2.0的日期扩展控件,但...公司现在项目正用了,因此我就对extjs3.0时间控件的扩展,实现了可选择时分秒功能。希望对大家有帮助。

    extjs4.2选择两个月的日期控件

    "extjs4.2选择两个月的日期控件"是一个特定的需求,它允许用户方便地选取一个时间范围,具体到两个连续的月份。这种控件在处理涉及到月份范围的业务场景时非常有用,例如报表生成、预订系统或数据分析等。 EXTJS ...

    extjs 年份控件和年月控件(使用看软件说明)

    修改extjs控件,支持只选择年月,或者只选择年。 只要设置format:“Y-m”,"Y"即可。 xtype:'monthfield' 因为extjs的bug(3月30如果选择2月将自动变成3月)。所以需要修改monthField中safeParse方法: else if ("Y-m...

    ext3.0-月份,年份选择框

    "ext3.0-月份,年份选择框"是一个专为EXTJS 3.0框架设计的特定组件,用于帮助用户在界面上方便地选择月份和年份。EXTJS是一个强大的JavaScript应用程序框架,它提供了丰富的UI组件和数据绑定机制,使得开发者可以快速...

    EXTJS 自定义月选择控件

    monthNames:数组,月份显示名称,每个月只有前三位有效,默认["一月","二月",……,"十二月"] minYear:可以选定最小年,默认1970 minYearText:未通过最小年份验证时提示文本,默认"minYearNow" maxYear:可以选择的...

    EXTJS升级版时间控件

    这个“EXTJS升级版时间控件”是一个增强型的时间选择器,它扩展了EXTJS原有的日期字段(`Ext.form.DateField`)功能,增加了更多的选项来满足用户在日期选择上的需求。 该控件的核心功能是在原有的时间选择基础上,...

    Ext DateField控件 - 只选择年月

    "Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...

    Extjs 年月日时分秒组件

    "Extjs 年月日时分秒组件"是一个特定的插件,允许用户在应用程序中选择精确到时分秒的时间。这种组件对于需要用户输入特定时间的应用场景非常有用,例如日程安排、预约系统等。 该组件的核心功能是提供一个交互式的...

    Extjs控件属性(详细版)

    **Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:设置时间选择器中允许的最大时间值。例如,...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    例如,如果选择了年份,月份数字不应超过12,如果选择了年月,日期数字不应超过该月份的最大天数。 4. **事件处理**:扩展可能包含额外的事件监听器,以便在用户切换选择模式或选择日期时触发特定的操作,如更新...

    ext6中年份选择控件亲测好用

    它不包含选择月份和日期的选项,仅仅让用户聚焦在选择一个特定的年份上,这在处理与年份相关的数据时非常有用,比如生日、成立年份等。EXT6.20版本对这个控件提供了完美的支持,意味着它在功能、性能以及兼容性方面...

    ext4 年月时间控件 年月日时间控件 年月日时分秒时间控件

    2. **年月选择器**:这种控件允许用户仅选择年份和月份,通常适用于只需要知道大致日期的情况,例如统计数据的筛选或者周期性事件的设定。 3. **年月日选择器**:比年月选择更进一步,用户可以选择具体的日期。这种...

    ext4.2 日历日期控件,可以选择时分秒

    在使用EXTJS 4.2的"日历日期控件,可以选择时分秒"时,开发者需要注意合理配置控件属性,正确绑定数据源,并处理好用户交互事件。同时,由于EXTJS是一个重量级框架,需要一定的学习成本和性能考虑,合理优化代码以...

    Ext JS 4实现带week(星期)的日期选择控件(实战二)

    在本篇文章中,我们重点介绍了如何在使用Ext JS 4开发环境中实现一个带有星期显示功能的日期选择控件。Ext JS是一个流行的JavaScript框架,用于创建富互联网应用。它提供了大量的组件,可以用于构建用户界面。 首先...

Global site tag (gtag.js) - Google Analytics