flex 时间组件（time）

1，弹出的按钮
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()" width="254" height="296" backgroundColor="#E7E6E6" fontSize="12" borderStyle="outset" borderColor="#E0DEDE" label="canvasBG" cornerRadius="20">
<mx:Script>
<![CDATA[
import mx.controls.Button;
import mx.managers.PopUpManager;
import mx.controls.Alert;
[Bindable]
public var value_choose_hour:int=0;
[Bindable]
public var value_choose_minute:int=0;
[Bindable]
public var app_index:int=0;
[Bindable]
public var mainApp:h4=null;
private function init():void
{
bulidButton(app_index);
}
/* private function bindIndex():void
{
app_index=mainApp.bindIndex;
} */
private function closePop():void
{
PopUpManager.removePopUp(this);
}
private function bulidButton(index:int):void
{
var i:int,x:int=0,y:int=0;
for(i=0;i<index;i++)
{
var bt:Button=creatButton(i.toString(),index);//设置位置
bt.width=45;//一行可以放6个button
bt.height=30;
bt.x=x;
bt.y=y;
x=x+45;
if((i+1)%5==0)
{
x=0;
y=y+30;
}
//y=y+4;
canvas1.addChild(bt);
}
}
private function creatButton(label:String,check:int):Button
{
var bt:Button=new Button();
bt.label=label;
bt.id="bt"+label;
bt.addEventListener(MouseEvent.CLICK,btClick);
function btClick(event:MouseEvent):void
{
if(check>24)
{
value_choose_minute=int(bt.label);
}
else
{
value_choose_hour=int(bt.label);
}
closePop();
}
return bt;
}

]]>
</mx:Script>
<mx:Canvas x="0" y="-1" width="100%" height="100%" id="canvas1" backgroundColor="#FFFFFF" cornerRadius="20">
</mx:Canvas>
</mx:Canvas>

2：time 组件
<?xml version="1.0" encoding="utf-8"?>
<mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
backgroundColor="white"
creationComplete="init()"
width="222" height="26" >

<mx:Script>
<![CDATA[
import mx.binding.utils.BindingUtils;
import mx.binding.utils.ChangeWatcher;
import mx.events.FlexEvent;
import mx.managers.PopUpManager;
import mx.containers.TitleWindow;
import mx.controls.Alert;
private function init():void
{

}
private var point1:Point = new Point();
private var point2:Point=new Point();
[Bindable]
private var win_pop_hour:popButton=new popButton();
[Bindable]
private var win_pop_minute:popButton=new popButton();
// [Bindable]
private var hours:String="00";
// [Bindable]
private var minute:String="00";
[Bindable]
public var times:String=hours+":"+minute;

private function NumClickHour():void
{
win_pop_hour=popButton(PopUpManager.createPopUp(this,popButton,false));
point1.x=NumHour.x;
point1.y=NumHour.y;
point1=NumHour.localToGlobal(point1);
win_pop_hour.x=point1.x;
win_pop_hour.y=point1.y;
win_pop_hour.app_index=24;//显示的个数
win_pop_hour.width=230;
win_pop_hour.height=160;
}
private function closePop():void
{
PopUpManager.removePopUp(win_pop_hour);
}
private function NumClickMinute():void
{
win_pop_minute=popButton(PopUpManager.createPopUp(this,popButton,false));
// point2.x=NumMinute.x;
// point2.y=NumMinute.y;
point2.x=0;
point2.y=0;
point2=NumMinute.localToGlobal(point2);
win_pop_minute.x=point2.x+15;
win_pop_minute.y=point2.y+10;
win_pop_minute.app_index=60;
}

private function mySetterBinding(event:FlexEvent,labelTime:Label):void
{
var watcherSetter:ChangeWatcher = BindingUtils.bindSetter(setMyString, labelTime, "text");
function setMyString(v:String):void
{
if(labelTime.id=="labelTimeHour")
{
if(int(v)<10)
{
hours="0"+v;
}
else
{
hours=v;
}
}
else
{
if(int(v)<10)
{
minute="0"+v;
}
else
{
minute=v;
}
}
times=hours+":"+minute;
}
}
private function HourSetterBinding(event:FlexEvent):void
{
mySetterBinding(event,labelTimeHour);
}
private function MinuteSetterBinding(event:FlexEvent):void
{
mySetterBinding(event,labelTimeMinute);
}
]]>
</mx:Script>
<mx:NumericStepper click="NumClickHour()" value="{win_pop_hour.value_choose_hour}" x="41" y="2" id="NumHour" minimum="0" maximum="23"/>
<mx:NumericStepper id="NumMinute" click="NumClickMinute()" value="{win_pop_minute.value_choose_minute}" x="157" y="2" minimum="0" maximum="59"/>
<mx:Label id="labelHour" x="7" y="4" text="hour"/>
<mx:Label id="labelMinute" x="109" y="4" text="minute"/>
<mx:Label visible="false" id="labelTimeHour" initialize="HourSetterBinding(event)" text="{NumHour.value.toString()}"/>
<mx:Label visible="false" id="labelTimeMinute" initialize="MinuteSetterBinding(event)" text="{NumMinute.value.toString()}"/>

</mx:Canvas>

3：使用方法，time属性得到时间
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" xmlns:ns1="*">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
private function btClick():void
{
Alert.show(h4s.times);
}
]]>
</mx:Script>
<ns1:h4 id="h4s" x="74" y="153">
</ns1:h4>
<mx:DateField x="117" y="59"/>
<mx:Label x="423" y="144" text="{h4s.times}"/>
<mx:Label x="444" y="170"/>
<mx:Button x="169" y="254" label="Button" click="btClick()"/>

</mx:Application>


http://www.kaifazu.com