0

我正在使用来自ember-pikaday插件的以下输入：

<div class="col-sm-3"><label>Date From:</label>{{pikaday-input value=dateFrom name="dateFrom" class="form-control"}}</div>

我无法获取输入值来更新 URL 中的查询参数。如果我使用标准输入，它适用于以下控制器：

import Controller from '@ember/controller';

export default Controller.extend({

queryParams: ['dateFrom', 'dateTo', 'unitNumber'],
dateFrom: null,
dateTo: null,
unitNumber: null,

  actions: {
    selected(x){
      module = x
    },

    submitQuery(dateFrom, dateTo, unitNumber){
        switch(module) {
          case 'Option 1':
          this.transitionToRoute('option1', {queryParams: {dateFrom: this.get('dateFrom'), dateTo: this.get('dateTo'), unitNumber: this.get('unitNumber') }})
        break;
    }
   }
  }
});

我怀疑在选择日期时需要执行操作，但我不知道如何处理操作中的更新。我尝试了以下方法：

//onSelection=(action 'select') added to pikday input

select() {
    dateFrom = this.set('dateFrom')
}

但它没有在 URL 中表示。我认为无论如何这都是不正确的范围界定。我对 Ember（和编码）仍然很陌生。任何帮助将不胜感激。

4

1 回答 1

0

这里他们提到了如何使用这个包， https://github.com/edgycircle/ember-pikaday#usage

{{pikaday-input onSelection=(action 'doSomethingWithSelectedValue')}}

在您的情况下，您需要将所选值从 pikaday 输入更新为dateFrom控制器的属性。

{{pikaday-input value=dateFrom name="dateFrom" class="form-control" onSelection=(action 'onChangeDateFrom') }}

在控制器动作散列中定义动作，

onChangeDateFrom(selectedValue)
{
 this.set('dateFrom',selectedValue);
}
于 2017-11-17T11:07:58.527 回答