knockout.js - 動的クラス + foreach + css + ノックアウト

Question

foreach の値に基づいて動的クラスをアタッチする必要があります。

HTMLは次のとおりです。

<tbody data-bind="foreach: Tenancies">
    <tr data-bind="css: $parent.CurrentTenancy(date1, date2)">
        <td>blah</td>
    </tr>
</tbody>

JS は次のとおりです。

self.CurrentTenancy = function(startDate, endDate) {
    var now = Models.Format.Date(new Date());

    if (now < startDate) {
        return "past";
    }

    if (now > endDate) {
        return "future";
    }

    return "current";
};

最後に、クラスとして 0 1 2 3 のクラス属性を取得します。