`
GaoJimmy
  • 浏览: 100842 次
  • 性别: 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`)功能,增加了更多的选项来满足用户在日期选择上的需求。 该控件的核心功能是在原有的时间选择基础上,...

    Extjs 年月日时分秒组件

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

    Extjs控件属性(详细版)

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

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

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

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

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

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

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

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

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

    基于Ext2的日历控件和IP地址输入控件

    EXTJS 2.2中的日历控件可能需要开发者手动编写一些额外的代码来实现日历视图的布局和交互,包括切换月份、添加事件等功能。开发者需要理解EXTJS的事件监听机制和数据绑定概念,以便将用户的选择与后端数据进行同步。...

    Ext2的日期组件只选择年月

    标题 "Ext2的日期组件只选择年月" 暗示了我们正在讨论一个特定的JavaScript库,可能是ExtJS的旧版本(版本2),其中的一个日期选择组件。这个组件允许用户仅选择年份和月份,而不是完整的日期。ExtJS是一个流行的富...

Global site tag (gtag.js) - Google Analytics