废话不多说,切入正题:
用ExtJs做级联的日期选择控件,要求:
(首先默认两个日期控件的日期均为今天)
1.当第一个日期控件 小于 今天 :第二个日期控件值不变;
2.第二个日期控件能选择日期的范围必须 小于 第一个日期控件;
{
xtype: 'datefield',
format:'20y-m-d',// h:m:s
fieldLabel: '控件一,
allowBlank : false,
name: 'provideDate',
id: 'startDate',
value:new Date(),
anchor: '95%',
listeners: {
'select' : function() {
var start = Ext.getCmp('startDate').getValue();
Ext.getCmp('endDate').setMinValue(start);
var endDate = Ext.getCmp('endDate').getValue();
if(start > endDate){
Ext.getCmp('endDate').setValue(start);
}
}
},{
xtype: 'datefield',
format:'20y-m-d',// h:m:s
fieldLabel: '控件二,
allowBlank : false,
name: 'provideDate',
id: 'endDate',
//showToday :false,
value:new Date(),
anchor: '95%'
}
想上传效果图,不怎么方便呀,算了~就是简简单单的日期级联空间而已……
分享到:
相关推荐
ExtJS4.2 Tree 级联选择是一个用于构建用户界面的功能,特别是在处理层次结构数据时非常有用。在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有...
ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...
在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...
extjs4.2 日期控件 datefield 拓展加上选择时分秒功能。 在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用...
说明:本例主要实现在树节点数据过多的情况下对数据进行异步请求,并且在请求数据返回前台的同时实现级联选择。使用ExtJs版本为4.1.1a,在struts2下测试通过。例子仅供提供思路,简单易懂,不负责代码优化,哈哈!
考虑到extjs DateField的关键配置和主要操作
在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...
extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释
本文将详细介绍如何使用ExtJS框架设置级联菜单的默认值。首先,需要明白在ExtJS中设置普通控件(如文本框)的默认值相对简单,通常只用一行代码即可完成。然而,对于ComboBox(下拉列表组件)来说,情况就没那么简单...
在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...
EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...
在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...
在标题中提到的"extjs 4.0 日期时间控件",是指ExtJS 4.0框架中的DateTime组件,这是一个用于在Web应用中输入和显示日期与时间的控件。 描述中提到了这个控件是经过修改的中文版本。原版可能是英文,但通过定制,...
ExtJS提供本地化支持,通过更改`Ext.locale`和`Ext.form.field.DateField`的`localeConfig`可以实现日期时间格式的本地化。 7. **时间选择器(Time Picker)**:`Ext.picker.Time`是用于选择时间的组件,允许用户...
在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...
在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...
Extjs DateField控件 - 只选择年份(找了很久发现网上只有选择年月的控件,于是基于extjs年月控件设计了只选择年份的控件)
这篇名为"弥补ExtJs CheckboxSelectionModel不能级联的自定义控件"的博客文章,显然是为了解决这个问题,提供了一个自定义的解决方案。作者Brooke在ITEYE博客上分享了这个方法,帮助开发者实现级联选择的功能。虽然...
在EXTJS中,时间控件是常见的交互元素,允许用户选择特定的时间,包括年、月、日、时、分和秒。这篇文档将深入探讨EXTJS中的时间控件及其使用方法。 首先,EXTJS时间控件的设计理念是为了提供用户友好的时间选择...