在同一字段中更改日期颜色e格式日期

时间:2016-11-02 11:54:41

标签: javascript date extjs extjs5

要在显示区域中格式化日期,请使用:

renderer: Ext.util.Format.dateRenderer('d-m-Y')

更改我使用的日期显示颜色,例如:

renderer : function(val) {
     if (val) {
        return '<span style="color:' + '#CC6666' + ';">' + val + '</span>';
     }
     return val;
}

我的问题是同时使用两者:格式化日期并更改显示日期的颜色。

怎么做?

FIDDLE:https://fiddle.sencha.com/#fiddle/1jnj

1 个答案:

答案 0 :(得分:2)

调用formatter方法:

renderer: function(val) {
    if (val) {
        return '<span style="color:#CC6666;">' + Ext.util.Format.date(val, 'd-m-Y') + '</span>';
    }
    return val;
}