Ember 中的多个 ValueBinding 实例

Question

我有一个这样的控制器，

    App.NewController = Ember.Controller.extend({
    // the initial value of the `search` property
    model: this.get('model'),
    start_date:new Date(),
    end_date: new Date()
});

我的视图模板如下所示，

<div class="control-group">
  <label class="control-label" for="inputPassword">Event Start Date</label>
  <div class="controls">
    {{view App.DatePickerField  valueBinding='controller.start_date'}}

  </div>
</div>

<div class="control-group">
  <label class="control-label" for="inputPassword">Event End Date</label>
  <div class="controls">
    {{view App.DatePickerField  valueBinding='controller.end_date'}}

  </div>
</div>

最后我的日期选择器视图是这样的：

App.DatePickerField = Ember.View.extend({
    templateName: "Datepicker",
    didInsertElement: function () {
        var OnChangeDate, self;
        self = this;
        OnChangeDate = function (evt) {
            return self.set('value', evt.date.toString());
        };
        return $('.date').datetimepicker({
            language: 'en',
        }).on('changeDate', OnChangeDate);
    }
});

现在的问题是，如果我选择我的开始日期，controller.start_date 会同时更新，就像我想要的那样。但是当我选择结束日期时，start_date 和 end_date 都会更新，现在 start_date 具有相同的 end_date 值。这就像 ValueBinding 使两者保持同步。我对 Ember 还很陌生。有人可以帮助我吗，我在这里做错了什么？

Answer 1

这是连接到两个选择器

   return $('.date').datetimepicker({
        language: 'en',
    }).on('changeDate', OnChangeDate);

您可以使用 this.$() 将其范围限定为该元素

   return $(this.$('.date')).datetimepicker({
        language: 'en',
    }).on('changeDate', OnChangeDate);