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？

1 个答案: