DateField自定义样式

来源：互联网发布：广电网络电视机顶盒编辑：程序博客网时间：2024/06/13 04:12

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"