ember.js - 在输入助手中调用 ember handlebars 助手

Question

我想不出在 Ember 输入助手中调用 Ember.Handlebars.registerBoundHelper 的正确方法。

BoundHelper 进行日期格式化:

Ember.Handlebars.registerBoundHelper('formattedDate', function(date) {
   return moment(date).format('DD.MM.YYYY');
});

我可以在模板中调用助手并获取格式化日期:

{{formattedDate 'myUnformattedDate}}

现在我想在类似于这样的输入助手中调用这个助手:

{{input type="text" value=orderDate id="orderDate" placeholder="{{formattedDate orderDate}}" }}

在 Ember 中甚至可以在助手内部调用助手吗？

-- 更新

我正在使用 Ember 1.7.0 版进行开发

Answer 1

您可以扩展 Ember.TextField 以创建您自己的 date-input，方法如下:

App.DateInputComponent = Ember.TextField.extend({
  format: 'DD.MM.YYYY',
  date: function(key, date) {
    var format = this.get('format');
    if (date) {
      this.set('value', moment(date).format(format));
    } else {
      value = this.get('value');
      if (value) {
        date = moment(value, format);
      } else {
        date = null;
      }
    }
    return date;
  }.property('value')
});

然后在你的模板中你可以做...

{{date-input date=date}}
OR
{{date-input date=date format="MM/DD/YYYY"}}

你可以在这里看到一个工作箱:http://emberjs.jsbin.com/vosen/1/edit

有关进一步讨论，请参阅:http://discuss.emberjs.com/t/example-building-a-date-input-field/674/4