jquery - jqGrid - 根据日期值有条件地格式化单元格

Question

我已经看到了大量有关条件格式的信息，但似乎无法让它发挥作用。当单元格的值(即日期)是过去时，我想将单元格的字体设置为红色。

这是我现在的总体想法:

{
              name: 'IsoDate', index: 'IsoDate', align: 'left', sorttype: 'date', datefmt: "m/d/Y",
              formatter: function (cellvalue, options, rowobject) { var now = new Date(); if (cellvalue < now) { return '<span class="error">' + cellvalue + '</span>'; } else { cellvalue; } }
          }

但我似乎无法让它工作。我已经让它返回所有红色值或所有未定义的值。有些字段还没有日期。

如果有任何帮助，我将不胜感激!谢谢!

更新:

这是我使用的最终有效的代码。我实际上引用了另一列的日期。

cellattr: function (rowid, val, rawObject, cm, rdata) {
                  var idate = new Date(rawObject['IsoDate']);
                  return (idate < new Date()) ? ' class = "ui-state-error-text"' : ' class = "field-validation-green"';
              }

Answer 1

最好使用cellattr而不是custom formatter 。在这种情况下您仍然可以使用predefined formatter喜欢 formatter: "date"只需设置额外的 style或class所选 <td> 上的属性细胞。例如类 ui-state-error-text在我看来，将单元格的字体设置为红色是不错的选择。所以列的定义可以是

{
    name: "IsoDate", sorttype: "date",
    formatter: "date", formatoptions: {newformat: "m/d/Y"},
    cellattr: function (cellvalue) {
        return (cellvalue < new Date()) ? ' class="ui-state-error-text"' : '';
    }
}

我不确定您输入了哪些数据以及您发布的代码是否正常工作。如果需要，您可以将上面的代码更改为cellvalue的格式。你有。

参见the answer , this one , this one以及许多其他更多使用示例 cellattr .