加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

flex日期,数字和货币的简单格式化操作

发布时间:2020-12-15 05:11:02 所属栏目:百科 来源:网络整理
导读:经常会用的总结下?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" minWidth="955" minHeight="600"!-- 用于布局,简
经常会用的总结下

<?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" 
			   minWidth="955" minHeight="600">
	<!-- 用于布局,简单垂直布局-->
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	
	<fx:Declarations>
		<!-- 将非可视元素(例如服务、值对象)放在此处 -->
		<!--设置日期显示格式  用到DateTimeFormatter标签和dateTimepattern属性(y小写,M大写,d小写)-->
		<s:DateTimeFormatter id="dtf" dateTimePattern="yyyy-MM-dd"/>
		
		<!-- 下面设置数字格式,用到NumberFormatter标签,decimalSeparator是小数点,
		groupingSeparator是整数分组的标点,useGrouping="true"使用分组,fractionalDigits每3个数分一组
		-->
		<s:NumberFormatter id="myNumberFormatter" decimalSeparator="." 
						   groupingSeparator="," useGrouping="true" fractionalDigits="3" 
						   errorText="{myText3.text} is NaN"/>
		
		<!--useCurrencySymbol使用货币符号,currencySymbol货币符号 -->
		<s:CurrencyFormatter id="myCurrencyFormatter" decimalSeparator="." 
							 groupingSeparator="," useCurrencySymbol="true" 
							 useGrouping="true" currencySymbol="¥"/>
	</fx:Declarations>
	<!-- 下面是简单测试-->
	<mx:DateChooser id="myDateChooser"/><!-- 展开的日期选择-->
	<mx:DateField id="myDateField"/><!-- 点击后展开的日期-->
	
	<mx:TextInput id="myText1" width="200" 
				  text="{dtf.format(myDateChooser.selectedDate)}"/>
	<mx:TextInput id="myText2" width="200" 
				  text="{dtf.format(myDateField.selectedDate)}"/>
	
	<mx:TextInput id="myText3" width="200" text=""/>
	<mx:TextInput id="myText4" width="200" 
				  text="{myNumberFormatter.format(myText3.text)}"/>
	
	<mx:TextInput id="myText5" width="200" text=""/>
	<mx:TextInput id="myText6" width="200" 
				  text="{myCurrencyFormatter.format(myText5.text)}"/>
</s:Application>

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读