Flex中DateField实现时分秒选择并添加确定按钮

最近刚好用到DateField组件,却无奈的发现只能选择年月日,不支持时分秒,在晚上找了好多,有的勉强可以用,但是很不完善.对从网上拿到一份代码进行了改善,具体从哪里拿的也忘了,请原作者勿怪.

改善之后的功能:

1.可以正常选择年月日时分秒.

2.可以根据DateField的formatString属性判断DateChooser中是否要展示时分秒等.

3.DateField跟DateChooser之间比较完善的互传数据以及内容联动.

4.DateChooser带确定按钮,提高用户的体验.

5.时分秒选择框NumericStepper可以循环展示数字.

 

所有的组件都是自定义的,从测试和使用说起吧:(index.mxml)

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
				xmlns:timeInput="cookbook.timeInput.*"
				xmlns:datefield2="timePicker.*"
				minWidth="955" minHeight="600" fontSize="12" horizontalAlign="center"
				layout="vertical" verticalAlign="top">
	
	<datefield2:DateTimeField selectedDate="{new Date()}" width="150" formatString="YYYY-MM-DD JJ:NN:SS"/>
</mx:Application>

 注意:上面代码中的formatString可以控制DateChooser中展示的内容(时分秒).

 

后面代码量有点大,暂不粘贴展示了,

完整源码,请到这里下载

http://download.csdn.net/detail/dazhi2010/5540385

使用起来非常方便,代码中有部分注释,如果有啥不懂的,欢迎交流,谢谢