EmberJS - 如何使用 Pikaday 输入更新 dateFrom 查询参数

Question

我正在使用来自 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（和编码）还是很陌生。任何帮助将不胜感激。

Answer 1

他们在这里提到了如何使用这个包， 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);
}

EmberJS - 如何使用 Pikaday 输入更新 dateFrom 查询参数

EmberJS - How to update dateFrom Query Param with Pikaday input

javascript

ember.js

pikaday