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"