`

设置日期选择组件(DateField )的选择范围

    博客分类:
  • Flex
阅读更多

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/12/17/setting-selectable-ranges-in-the-flex-datefield-control/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout
="vertical"
        verticalAlign
="top"
        backgroundColor
="white">

    
<mx:Form>
        
<mx:FormItem label="rangeStart only:">
            
<mx:DateField id="dateField1"
                    showToday
="false"
                    selectableRange
="{{rangeStart:new Date()}}" />
        
</mx:FormItem>
        
<mx:FormItem label="rangeEnd only:">
            
<mx:DateField id="dateField2"
                    showToday
="false"
                    selectableRange
="{{rangeEnd:new Date()}}" />
        
</mx:FormItem>
        
<mx:FormItem label="rangeStart/rangeEnd:">
            
<mx:DateField id="dateField3"
                    showToday
="false"
                    selectableRange
="{{rangeStart:new Date(2007, 11, 3),
                                      rangeEnd:new Date(2007,11,28)}}
" />
        
</mx:FormItem>
    
</mx:Form>

</mx:Application>

分享到:
评论

相关推荐

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

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

    Flex自定义DateField选择时分秒

    通过以上步骤,我们能够实现一个自定义的DateField组件,它不仅支持日期选择,还能让用户精确地选择到时、分、秒。这样的组件在处理需要精确时间输入的场景中非常有用,比如预订系统、时间表安排等。自定义组件的...

    Ext扩展dateField时间控件,可以选择年月日、年月、年、月

    在本文中,我们将深入探讨`Ext`框架中的`dateField`扩展,特别是在允许用户选择不同时间范围方面的能力,如年月日、年月、年或仅月。`Ext`是Sencha公司开发的一个强大的JavaScript应用框架,常用于构建富客户端Web...

    Unity编辑器——日期选择窗口插件

    为了增强用户体验,我们可以进一步自定义这个日期选择窗口,例如添加日期范围限制、格式化日期显示、提供取消选项等。此外,我们还可以考虑将选择的日期保存到某个变量或Asset上,以便后续使用。 在实际项目中,...

    仿DateField的时间组件

    "仿DateField的时间组件"是一个针对日期和时间选择的自定义UI控件,它模仿了标准的DateField行为,但可能提供了更丰富的功能或更好的用户体验。这篇博客文章(链接:https://qiansheng.iteye.com/blog/2080753)可能...

    Extjs6 日期时间控件

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

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

    在这个示例中,我们创建了一个应用,并在其视图容器中添加了一个DateField组件,启用了年月选择插件,并设置了格式为'Y-m'。`pluginConfig`对象用于传递给插件,`type: 'yearmonth'`指定了我们要使用的插件类型。 ...

    extjs4.2.3 datefield的bug解决

    extjs4.2.3 datefield不可选择年月bug 选择本月日期的部分是没有问题的。 点击头部显示选择年月的picker时,不能点击选择,一点组件就消失。 需要下载附件后引入就可以了

    Ext用户扩展控件---------日期时间选择器,可以精确到某天的某分钟

    用户可能可以通过设置特定的配置项来调整时间选择器的显示格式,例如24小时制或12小时制,并且可能还支持国际化的日期和时间格式。 使用这样的扩展控件,开发者可以更方便地集成到自己的EXT应用中,提升用户体验。...

    DateField与DataGrid的交互

    开发者可以设置日期格式、限制可选日期范围等属性,以满足不同应用场景的需求。当用户在 `DateField` 中选择或输入一个日期后,程序可以获取这个日期值,并进行进一步的处理。 接着,`DataGrid` 是一种常见的数据...

    Ext组件说明 Ext组件概述

    DateField组件专为输入和选择日期而设计,通常与DatePicker组件结合使用。 ##### 4. **TextField(文本字段)** TextField是最常用的输入控件,用于接收用户的文本输入。 ##### 5. **TextArea(文本区域)** ...

    flex日期控件可选时分秒

    Flex提供了多种日期相关的组件,如DateField、DatePicker等,它们可以集成在应用程序中,为用户提供直观的日期选择体验。 三、DateTimeField组件 标题中提到的"DateTimeField"是Flex中一个重要的日期时间选择控件。...

    pb 日期控件

    1. 属性设置:在PB的属性窗口中,可以调整日期控件的诸多属性,如Width、Height调整大小,Text调整显示的初始日期,Format设置日期格式,Min和Max设置日期范围。 2. 事件处理:通过编写代码,可以响应日期控件的各种...

    extjs4.2选择两个月的日期控件

    在这个例子中,"demo_uxmultimonth.js"可能包含了对EXTJS的DateField或DatePicker组件的扩展,增加了选择两个月份的能力。这可能涉及到了以下技术点: 1. **组件继承**:EXTJS支持面向对象编程,可以通过`Ext....

    extjs3.2、3.3 时间控件 日期控件扩展

    - 用户可以设置日期选择范围,如最小日期和最大日期,以及是否开启日期验证。 - 示例代码:`var dateField = new Ext.form.DateField({ ... });` 3. **扩展与自定义** - 在“extjs3.2、3.3 时间控件 日期控件...

    EXT选择月份的控件

    - 支持自定义样式和配置,如改变日期显示格式、设置可选日期范围等。 - 可以通过触发器(通常是一个小的下拉箭头)打开和关闭。 - 包含事件监听器,如`select`事件,当用户在日历中选择一个日期时触发。 2. `...

    Flex带时间的日期控件

    在Flex中,我们可以使用内置的DateField组件来创建基本的日期选择器,但默认情况下,DateField仅支持选择日期,不包含时间选择。为了实现“Flex带时间的日期控件”,我们需要自定义DateField或者使用第三方库,如mx....

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

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

    非常实用的日期时间控件

    DateField支持多种日期格式,并且可以设置最小和最大日期范围,以限制用户的选择。 TimeField则专用于时间选择,同样提供文本输入和下拉时钟选择器。用户可以设定小时、分钟和秒,也可以自定义时间格式。 Spark...

    ExtJs组件类的对应表

    4. **`datefield`** - `Ext.form.DateField`,日期选择项,用于输入日期。 5. **`timefield`** - `Ext.form.TimeField`,时间录入项,用于输入时间。 6. **`field`** - `Ext.form.Field`,表单字段基类,所有...

Global site tag (gtag.js) - Google Analytics