Flex中利用firstDayOfWeek属性改变DateChooser控件日历(calendar)布局的例子

接下来的例子中演示了Flex的DateChooser控件中，如何通过

firstDayOfWeek属性，改变DateChooser控件日历(calendar)的布局。Demo中通过移动下面的游标进行调整。

让我们先来看一下Demo（

可以右键View Source或点击这里察看源代码

）

：

下面是完整代码(或点击这里查看)：
Download: main.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical" verticalAlign="middle" backgroundColor="white">

<mx:Script>
<![CDATA[
private var dayNames:Array = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

private function getDayName(item:Number):String {
return dayNames[item];
}
]]>
</mx:Script>

<mx:DateChooser todayColor="red" firstDayOfWeek="{slider.value}"/>

<mx:VBox>
<mx:Label text="First day of week:" />
<mx:HSlider id="slider" minimum="0" maximum="6" liveDragging="true" snapInterval="1" dataTipFormatFunction="getDayName" />
</mx:VBox>

</mx:Application>