Flex中关于DateField控件的selectableRange属性的几种不同用法的例子

最新推荐文章于 2024-04-07 22:19:20 发布

l5751311

最新推荐文章于 2024-04-07 22:19:20 发布

阅读量2k

点赞数

分类专栏： Flex

Flex 专栏收录该内容

12 篇文章

订阅专栏

本文介绍如何利用MXML构建日期范围选择器，通过设置不同的选择范围来实现用户界面的交互功能，包括单个日期选择、日期区间选择等。详细展示了应用实例的代码实现和工作原理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<?xml version="1.0" encoding="utf-8"?>
<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>