javascript - 触发点击事件时设置模型值

Question

我有一个主干视图，它以如下格式写出棒球队的统计数据：

Wildcats | Players: 10 | Ages: 8-10 | Coach: Smith | Dates Active: 5/1/2021 - 8/1/2021     [Edit]
Ospreys  | Players: 12 | Ages: 8-11 | Coach: Jones | Dates Active: 6/2/2021 - 9/28/2021    [Edit]
Whales   | Players: 14 | Ages: 8-10 | Coach: Miri  | Dates Active: 4/29/2021 - 8/2/2021    [Edit]

当我单击 [Edit] 按钮时，它会在视图中触发此事件：

'click #editTeam': function () {
    this.$('.editTeam, .displayTeam').toggle();
}

在编辑视图中，除日期外的所有内容看起来都很好。

当我将值写入 HTML 模板时，它们看起来像这样：

<div class="minor">  {{ model.teamName }} </div>

但是，对于日期，我使用第 3 方日期选择器，因此 HTML 看起来像这样：

<span class="datePicker"></span>

视图代码如下所示：

    new DatePicker({
        el: this.$('.datePicker'),
        model: this.model,
        modelAttr: 'activeDate'
    }).render();

所以发生的事情是，当我单击 [编辑] 按钮时，日期从未设置为正确的行，所以它看起来像这样：

1/1/1970 - 1/1/1970

我想知道，当我点击编辑按钮事件时，有没有办法为正确的行设置日期？

标签： javascriptbackbone.jsbackbone-viewsbackbone-events