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
分享到:
相关推荐
extjs的年月选择控件,主要针对原有的extjs Datefield控件的基础上增加了插件
Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)
同事写的extjs月份扩展控件,可以直接调用,用于只要求显示月份不显示日期的项目
然而,有时开发人员可能需要对这些控件进行自定义,以满足特定业务需求,比如在本例中,我们需要扩展EXTJS的时间控件以实现“年度”选择的功能。 EXTJS的Date Picker默认提供了日、月、年的选择,但可能并不完全...
使用Extjs4.1编写了只能选择年月的日期控件
标题提到的"extjs6.2月份年份控件.rar"是一个针对EXTJS 6.2版本定制的日期选择组件,它专注于年份的选择,而不涉及具体的月份和日期。这种控件在某些特定场景下非常有用,例如只需要用户输入年份的信息时。 EXTJS ...
由于extjs3.0自己封装的时间不能够选择时分秒,给大家开发带来了一些麻烦。虽然网上有ext2.0的日期扩展控件,但...公司现在项目正用了,因此我就对extjs3.0时间控件的扩展,实现了可选择时分秒功能。希望对大家有帮助。
"extjs4.2选择两个月的日期控件"是一个特定的需求,它允许用户方便地选取一个时间范围,具体到两个连续的月份。这种控件在处理涉及到月份范围的业务场景时非常有用,例如报表生成、预订系统或数据分析等。 EXTJS ...
修改extjs控件,支持只选择年月,或者只选择年。 只要设置format:“Y-m”,"Y"即可。 xtype:'monthfield' 因为extjs的bug(3月30如果选择2月将自动变成3月)。所以需要修改monthField中safeParse方法: else if ("Y-m...
"ext3.0-月份,年份选择框"是一个专为EXTJS 3.0框架设计的特定组件,用于帮助用户在界面上方便地选择月份和年份。EXTJS是一个强大的JavaScript应用程序框架,它提供了丰富的UI组件和数据绑定机制,使得开发者可以快速...
monthNames:数组,月份显示名称,每个月只有前三位有效,默认["一月","二月",……,"十二月"] minYear:可以选定最小年,默认1970 minYearText:未通过最小年份验证时提示文本,默认"minYearNow" maxYear:可以选择的...
这个“EXTJS升级版时间控件”是一个增强型的时间选择器,它扩展了EXTJS原有的日期字段(`Ext.form.DateField`)功能,增加了更多的选项来满足用户在日期选择上的需求。 该控件的核心功能是在原有的时间选择基础上,...
"Ext DateField控件 - 只选择年月"这个主题聚焦于一个特定的UI组件,用于帮助用户仅选择日期中的年份和月份部分,而忽略具体的日期。这在处理诸如生日、合同有效期等只需要年月信息的场景时非常有用。 Ext JS是一个...
"Extjs 年月日时分秒组件"是一个特定的插件,允许用户在应用程序中选择精确到时分秒的时间。这种组件对于需要用户输入特定时间的应用场景非常有用,例如日程安排、预约系统等。 该组件的核心功能是提供一个交互式的...
例如,如果选择了年份,月份数字不应超过12,如果选择了年月,日期数字不应超过该月份的最大天数。 4. **事件处理**:扩展可能包含额外的事件监听器,以便在用户切换选择模式或选择日期时触发特定的操作,如更新...
**Ext.form.TimeField** 是Extjs框架中用于处理时间选择的一个控件。它提供了多种配置选项来帮助开发者灵活地控制时间的选择范围、格式以及输入验证等。 - **maxValue**:设置时间选择器中允许的最大时间值。例如,...
它不包含选择月份和日期的选项,仅仅让用户聚焦在选择一个特定的年份上,这在处理与年份相关的数据时非常有用,比如生日、成立年份等。EXT6.20版本对这个控件提供了完美的支持,意味着它在功能、性能以及兼容性方面...
2. **年月选择器**:这种控件允许用户仅选择年份和月份,通常适用于只需要知道大致日期的情况,例如统计数据的筛选或者周期性事件的设定。 3. **年月日选择器**:比年月选择更进一步,用户可以选择具体的日期。这种...
在使用EXTJS 4.2的"日历日期控件,可以选择时分秒"时,开发者需要注意合理配置控件属性,正确绑定数据源,并处理好用户交互事件。同时,由于EXTJS是一个重量级框架,需要一定的学习成本和性能考虑,合理优化代码以...
在本篇文章中,我们重点介绍了如何在使用Ext JS 4开发环境中实现一个带有星期显示功能的日期选择控件。Ext JS是一个流行的JavaScript框架,用于创建富互联网应用。它提供了大量的组件,可以用于构建用户界面。 首先...