flex DateChooser

使用DateChooser 控件显示月份名称、年份名称，并显示包含当月的所有日期的网格（每列标有对应的星期日期）。用户可以选择一个日期、某个日期范围或者多个日期。此控件包含前进和后退箭头按钮，用于改变年份和月份。您可以允许用户选择多个日期，禁止选择特定日期和只限于显示某个日期范围。

DateChooser 的样式控制：

主要属性有：dayNames，headerColors，borderColor，todayColor，todayStyleName，headerStyleName，weekDayStyleName，dropShadowEnabled

xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
               xmlns:s="library://ns.adobe.com/flex/spark"
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:con="contr.*"
               minWidth="955" minHeight="600" xmlns:views="com.runqianapp.input.views.*">
    <fx:Declarations>

    fx:Declarations>
    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";
        @namespace con "contr.*";
        @namespace views "com.runqianapp.input.views.*";
        mx|DateChooser {
            cornerRadius: 5; /* pixels */
            headerColors: #F5F7FA,#EAF0F5 ;
            borderColor: #A6C9E2;
            fontFamily: verdana;
            todayColor: #FFFFCC;
            todayStyleName: myTodayStyleName;
            headerStyleName: myHeaderStyleName;
            weekDayStyleName: myWeekDayStyleName;
            dropShadowEnabled: true;
        }

        .myTodayStyleName{
            font:verdana;
            color:black;
        }

        .myWeekDayStyleName {
            font:verdana;
            fontWeight: normal;

        }

        .myHeaderStyleName {
            color: #222222;
            fontSize: 14;
            fontWeight: normal;
        }
    fx:Style>
    <mx:VBox>
        <mx:DateChooser id="dateChooser" dayNames="[日,一,二,三,四,五,六]" />
    <mx:TextArea />
    mx:VBox>

s:Application>