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

Ext3 日期范围插件

    博客分类:
  • Ext
 
阅读更多

先上 效果图有图有真相嘛

 

 

 

使用例子:

 

	var win = new Ext.Window({
		title : "window",
		height : 200,
		width : 400,
		closeAction:"close",
		layout:"form",
		items:[
				{
					xtype:"dateRangeField",
					fieldLabel:"日期范围",
					format:"Y-m-d"
				}
		]
	});
	
	win.show();

 

 

插件代码见附件

注:ext使用版本3  在ext2版本下无效

另外ext官方论坛上也有个日期范围插件 也是ext3版本的 具体网址是:http://www.sencha.com/forum/showthread.php?90111-Ext.ux.form.DateRange

效果图: 

 

 

另附:

         ext技术交流群:164648099

  • 大小: 34.1 KB
  • 大小: 7.5 KB
  • 大小: 44.2 KB
分享到:
评论

相关推荐

    ext 日期时间控件

    "EXT日期时间控件"是一个专门用于显示和编辑日期及时间的控件,它可以精确到时、分、秒,满足了对时间精确度有较高要求的应用场景。EXT的时间控件不仅提供了基本的日期和时间选择功能,还支持自定义格式化、日期范围...

    Ext DateField控件 - 只选择年月插件

    此外,你可能还需要自定义其他属性,如预设的日期范围、默认值或者禁用某些年份和月份。 以下是一个简单的示例代码,展示了如何在Ext JS应用中使用这个插件: ```javascript Ext.application({ name: 'MyApp', ...

    Ext日期时间控件 Spinner控件 Ext代码 Extjs Grid

    控件支持多种格式化选项,可以自定义日期的显示方式,还允许设置最小和最大日期范围,以限制用户的选取范围。此外,`ExtJS`还提供了`Ext.picker.Time`类,专门用于处理时间的选择。 接下来是`Spinner控件`,它通常...

    ext JS集成My97DatePicker日期控件

    2. **My97 DatePicker**:这是一款轻量级但功能强大的JavaScript日期选择插件,它提供了多种皮肤、日期格式化选项、日期范围限制等功能。My97 DatePicker不仅支持IE6+浏览器,还兼容现代的Chrome、Firefox、Safari等...

    日期控件,EXt、My97

    它提供了丰富的API和配置选项,允许开发者自定义控件的显示样式、日期范围限制以及日期验证等功能。My97的日期控件在网页中通常以弹出窗口的形式出现,用户可以通过日历图标或者直接输入日期来选择。 在实际开发中...

    ExtJS日期多选组件源码

    用户可以方便地通过该组件选取一个日期范围或单独的多个日期,并将这些日期以数组的形式返回。这大大增强了日期选择的灵活性,满足了更复杂的业务需求。 在实现这个组件时,主要涉及以下几个核心知识点: 1. **...

    extjs中利用htmleditor与第三方打印插件Lodop结合使用WEB打印功能

    在EXTJS 3.4版本的应用中,集成...在实际项目中,可能还需要根据具体需求对打印设置进行调整,例如设置页眉页脚、纸张大小、打印范围等。总的来说,EXTJS结合Lodop的解决方案在Web打印领域具有较高的实用性和可扩展性。

    解决datefield组件 日期选择框在IE8下显示不完整的问题

    extjs中,经常会用到datefield组件控制用户对日期的操作,比如日志管理,需要开始时间、结束时间,但是IE8下日期选择框会显示不全,解决方法参加代码。 同时改代码解决了开始时间、结束时间的时间范围控制的问题,即...

    Ext DateTimeField时间扩展!

    可能需要扩展验证功能,检查日期范围、时间格式或者日期时间的有效性,防止无效数据进入系统。 9. **时间和日期库的集成**:开发者可能会利用现有的日期时间处理库,如Moment.js或Luxon,与DateTimeField进行集成,...

    extjs4能用的带时分秒的日期控件

    3. **配置控件**:根据需要设置控件的配置项,如`format`(日期时间格式)、`minValue`和`maxValue`(可选日期范围)等。 4. **运行示例**:在浏览器中打开HTML文件,查看并测试控件的运行效果。 `datetime`这个...

    ExtJS日期时间控件

    3. **第三方插件**: ExtJS社区有许多第三方插件,如xdatetime或extjs-datepicker-time,这些插件可能提供了更丰富的功能和更好的用户体验。比如,它们可能支持日历视图、时间步进、多语言支持等特性。 4. **...

    Extjs4 日期控件,带年月日时分秒

    ExtJS4生态系统中有许多第三方插件,如xDateField,提供了更丰富的日期时间选择功能,包括时间间隔选择、日期范围选择等。 通过理解并熟练运用上述知识点,开发者能够创建出功能强大且用户友好的日期时间选择控件...

    Extjs4.2时间选择插件精确到时分秒

    当然,这只是一个基本的示例,实际的DateTime.js插件可能会提供更复杂的功能,如时间范围选择、时间步进控制等。 总的来说,要在ExtJS 4.2中实现精确到时分秒的时间选择,你需要理解Ext.form.field.Time组件,可能...

    ExtJs日期时间选择控件

    例如,可以通过`format`属性设定日期和时间的显示格式,通过`minDate`和`maxDate`限制可选范围,通过`step`设置时间间隔等。此外,还可以自定义选择面板的布局,或者调整日期和时间选择器的样式。 3. **事件监听与...

    ExtJs6.5 日历导航+日历月视图面板.rar

    在日历导航中,可能会包含向前和向后滚动的按钮,以及快速选择日期范围的选项。 2. **日历月视图**: `Ext.calendar.view.Month`是用于展示一个月的日历视图的组件。它以格子形式展示每一天,可以显示事件、节假日等...

    ExtJs中datetimefield扩展

    3. **插件**:DateTimeField可能使用了DatePicker和TimePicker的插件,这些插件提供了交互式的日期和时间选择界面。 4. **自定义扩展**:可能这个扩展提供了一些自定义功能,比如自定义的日期时间格式,或者增强的...

    CalendarLite 轻量级的Ext日历.zip

    开发者可以通过配置选项来调整这些元素的显示方式,如改变日期范围、设置时间间隔等,以适应不同应用场景的需求。 CalendarLite支持多种视图模式,如日视图、周视图、月视图以及年视图,用户可以根据自己的需求在...

    多个js实现的日历控件

    - 功能丰富版:可能支持多语言、日期范围选择、日期格式化等功能。 - 高性能版:优化渲染性能,适合大数据量或高并发场景。 - 自定义版:允许开发者高度自定义样式和行为,满足个性化需求。 5. **使用方法**:...

    FREE Domain Name Appraisals! Extn.-crx插件

    语言:English (United States) 100%免费!即时评估,找到您的域名的价值。所有评估都在可打印证书中查看。... “评估”页面显示结果,其中包括域名,其评估日期,其估计值的范围,以及链接到可打印证书。

Global site tag (gtag.js) - Google Analytics