第8章 日期选择实现.ppt

第8章日期选择实现在构建用户界面时,经常用到日期的输入和选择。输入日期时,用户可以使用键盘输入,也可以在类似于日历的弹出式对话框中,通过鼠标单击所选日期。在Flex中可以通过日期输入控件实现输入和选择日期。Flex内置了2种日期输入控件:日期选择器控件(DateChooserControl)和日期区域控件(DateFieldControl)。(DateChooserControl)类似于日历。利用年、月、日和星期来表示一个日期。。在该控件中,既可以选择日期,也可以根据需求限制日期的选择范围,或者禁止选择某一特殊日期。选择日期后,还可以单击已选择日期取消选定。<mx:DateChooser>。该控件的常用属性如表所示。,可触发2种事件,如下所示。change:改变选择日期时会触发change事件。,所以在使用该事件时,需要将事件声明为CalendarLayoutChangeEvent。scroll:在控件上改变月份时会触发scroll事件。。使用该事件时需要将事件声明为DateChooserEvent。,插入<mx:DateChooser>后定义相应的属性及事件即可。下面以图说明如何创建日期选择器控件。图是一个日期选择器控件的例子,在选择日期后,才控件下方的文本框显示当前选择的日期,在改变月份时,弹出对话框。(DateFieldControl)由一个文本输入控件和一个日历图标组成。用户可在文本输入控件中输入日期,或者单击日历图标弹出日期选择器后,在日期选择器中选择合适的日期。单击选择的日期后,该日期出现在文本输入区域。,左边为没打开日期选择器的状态,右边为打开状态。<mx:DateField>。该控件的属性融合文本输入控件的属性、日期选择器控件的属性,除文本输入控件和日期选择器控件的属性外,日期区域控件自身的常用属性如表所示。,无论输入或者通过日期选择器选