如何将绑定日期输入助手移植到 HTMLBars？

Question

我正在尝试将带有绑定助手的 'DateInputView' TextField 扩展移植到 HTMLBars。 'call()' 似乎已从 'Handlebars.helpers.view' 中删除，因此助手不再工作。我已经根据我读过的论坛尝试了几种语法更改，但没有任何效果。该字段是一个日期选择器，在使用移动设备时会切换到本机日历选择器。我看到一个示例，其中绑定助手被集成到视图助手代码中，因此使用一个 js 文件而不是两个，所以我现在尝试走这条路。代码如下。如果有人知道要为 HTMLBars 修改它，请告诉我。

// ../templates/avail/navigation.hbs
{{date-input id="checkin" valueBinding="controllers.avail.arrival" class="form-control date-picker"}}

// ../views/date-input.js
var DateInputView = Ember.TextField.extend({
  didInsertElement: function(){
    Ember.run.scheduleOnce('afterRender', this, this._setupDateInput);
  },
  _setupDateInput: function(){
    var _this = this;
    var type = Ember.$(this.get('element')).attr('type');
    // Set up Date Picker for object
    if( type === "input" ) {
      Ember.$(this.get('element')).datepicker({
        format: "yyyy-mm-dd",
        autoclose: true
      });
    }
  }
});
export default DateInputView;

// ../helpers/date-input.js
import DateInputView from '../views/date-input';

export default Ember.Handlebars.makeBoundHelper(function(options) {
  Ember.assert('You can only pass attributes to the `input` helper, not arguments', arguments.length < 2);

  var hash = options.hash,
    types = options.hashTypes,
    inputType = hash.type,
    onEvent = hash.on;

  delete hash.type;
  delete hash.on;

  hash.type = "input";

  if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    hash.type = "date";
  }

  hash.onEvent = onEvent || 'enter';

  return Ember.Handlebars.helpers.view.call(this, DateInputView, options);
});

Answer 1

我最终将这个 viewHelper 作为一个组件重新工作。

如何将绑定日期输入助手移植到 HTMLBars？

How can I port a bound date input helper to HTMLBars?

ember.js

htmlbars