`
guofengcn
  • 浏览: 51214 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ExtJs之级联时间空间 datefield

EXT 
阅读更多

    废话不多说,切入正题:

    用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 级联选择

    ExtJS4.2 Tree 级联选择是一个用于构建用户界面的功能,特别是在处理层次结构数据时非常有用。在ExtJS库中,Tree组件允许我们展示和操作数据以树形结构显示,而级联选择功能则意味着当用户选择一个节点时,它的所有...

    extJs ComboBox级联

    ExtJS ComboBox级联是一种在Web应用中常见的交互方式,它允许用户从下拉列表中选择一个值,并且这个选择会影响到另一个ComboBox的选择项,通常用于表示层级关系的数据,比如省份-城市-区县。这种功能在数据筛选、...

    extjs中 google 不兼容 datefield 控件

    在本篇文章中,我们将深入探讨一个具体的技术问题:在ExtJS框架中,Google浏览器与DateField控件的不兼容性问题。这个问题对于那些正在使用ExtJS进行Web应用程序开发的开发者来说,是一个非常实用且需要解决的技术...

    extjs4.2 日期控件 datefield 拓展加上选择时分秒功能

    extjs4.2 日期控件 datefield 拓展加上选择时分秒功能。 在ExtJs4.2表单控件里分别有个时间控件(datafield)和时间控件(timefield),但是官方提供的控件不能将日期和时分秒整合到一起,我从网上搜集整理了一个可用...

    ExtJs4.1.1a 异步树&级联选择

    说明:本例主要实现在树节点数据过多的情况下对数据进行异步请求,并且在请求数据返回前台的同时实现级联选择。使用ExtJs版本为4.1.1a,在struts2下测试通过。例子仅供提供思路,简单易懂,不负责代码优化,哈哈!

    extjs DateField完全操作

    考虑到extjs DateField的关键配置和主要操作

    extjs中dateField日期精确到时分秒的扩展控件

    在EXTJS这个强大的JavaScript框架中,DateField是一个用于输入日期的控件,通常它只允许用户选择年、月、日。然而,在某些情况下,我们可能需要将日期字段扩展到包括小时、分钟和秒,以便更精确地管理时间数据。这篇...

    extJs4 ComboBox组合框实例

    extJs4 ComboBox 代码组合框实例,ComboBox 各个主要参数详细解释

    ExtJS 设置级联菜单的默认值

    本文将详细介绍如何使用ExtJS框架设置级联菜单的默认值。首先,需要明白在ExtJS中设置普通控件(如文本框)的默认值相对简单,通常只用一行代码即可完成。然而,对于ComboBox(下拉列表组件)来说,情况就没那么简单...

    Extjs6 日期时间控件

    在EXTJS6中,日期时间控件是一种强大的用户界面组件,它将传统的日期选择器与时间选择器结合在一起,提供了一种便捷的方式来输入和编辑日期和时间数据。这个控件在许多应用程序中都非常实用,特别是在那些需要精确...

    EXTJS的COMBOBOX级联实现和数据提交VALUE[文].pdf

    EXTJS的ComboBox级联实现是Web应用程序中常见的一种交互方式,尤其在数据表单中用于联动选择。在本文中,我们将深入探讨EXTJS如何实现ComboBox的级联效果,并理解其数据提交VALUE的工作原理。 首先,我们需要创建两...

    ExtJs 带清空功能的日期组件

    在ExtJs框架中,日期组件(DateField)是用于用户输入日期的常见控件。然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期...

    extjs 4.0 日期时间控件

    在标题中提到的"extjs 4.0 日期时间控件",是指ExtJS 4.0框架中的DateTime组件,这是一个用于在Web应用中输入和显示日期与时间的控件。 描述中提到了这个控件是经过修改的中文版本。原版可能是英文,但通过定制,...

    extjs日期+时间控件

    ExtJS提供本地化支持,通过更改`Ext.locale`和`Ext.form.field.DateField`的`localeConfig`可以实现日期时间格式的本地化。 7. **时间选择器(Time Picker)**:`Ext.picker.Time`是用于选择时间的组件,允许用户...

    extjs时间控件精确秒

    在EXTJS这个强大的JavaScript框架中,时间控件是开发者经常使用的组件之一,尤其在构建复杂的Web应用程序时。EXTJS的时间控件允许用户选择或输入时间,通常以小时、分钟和秒为单位,提供了用户友好的界面和丰富的...

    extjs 4.1.1a datetimefield 日期时间选择框(修改版)

    在ExtJS中,DateTimeField通常结合DateField和TimeField组件一起工作,允许用户分别选择日期和时间,或者在一个统一的输入框中选择完整的日期时间值。DateTimeField提供了许多配置选项,如日期和时间格式、默认值、...

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

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

    弥补ExtJs CheckboxSelectionModel不能级联的自定义控件

    这篇名为"弥补ExtJs CheckboxSelectionModel不能级联的自定义控件"的博客文章,显然是为了解决这个问题,提供了一个自定义的解决方案。作者Brooke在ITEYE博客上分享了这个方法,帮助开发者实现级联选择的功能。虽然...

    EXTJS时间控件年月日时分秒

    在EXTJS中,时间控件是常见的交互元素,允许用户选择特定的时间,包括年、月、日、时、分和秒。这篇文档将深入探讨EXTJS中的时间控件及其使用方法。 首先,EXTJS时间控件的设计理念是为了提供用户友好的时间选择...

Global site tag (gtag.js) - Google Analytics