DateField自定義樣式

		mx|DateField {
			/*自定義DateChooser樣式*/
			dateChooserStyleName: myDateChooser;
			/*文本框背景顏色*/
			contentBackgroundColor: #E9F4FA;
			/*更改此項文本框邊框顏色,DateChooser標題欄顏色及dateField不接受交互時顏色均改變*/
			chromeColor: #FF0000; 
			/*當前日期背景顏色*/
			todayColor: #12B4DF;
			/*設置dateField圖標*/
			skin: Embed("assets/images/dateField.png");
			/* 設置null爲使用dateField默認樣式 */
			upSkin: ClassReference(null);
			overSkin: ClassReference(null);
			downSkin: ClassReference(null);
			disabledSkin: ClassReference(null);
		}
		
		.myDateChooser {
			/*當前日期背景圖片*/
			todayIndicatorSkin: Embed("assets/images/dateField.png"); 
			/*當前日期文字樣式*/
			todayStyleName: myToday;
			/*背景顏色*/
			backgroundColor: #E9F4FA;
			
			/* Previous Month */
			 prevMonthUpSkin: Embed("assets/images/subtract.png");
			prevMonthOverSkin: Embed("assets/images/subtract.png");
			prevMonthDownSkin: Embed("assets/images/subtract.png");
			prevMonthDisabledSkin: Embed("assets/images/subtract.png"); 
			
			/* Next Month */
			 nextMonthUpSkin: Embed("assets/images/plus.png");
			nextMonthOverSkin: Embed("assets/images/plus.png");
			nextMonthDownSkin: Embed("assets/images/plus.png");
			nextMonthDisabledSkin: Embed("assets/images/plus.png"); 
		}
		
		.myToday {
			color: black;
			fontWeight: bold;
		}

 

另, 讓dateField顯示"年"後的選擇按鈕, 需在組件中添加yearNavigationEnabled="true"