Ext JS datepicker、2種類のカレンダーから日付範囲を取得

Question

おはようございます、私は大きなEXT JSプロジェクトに参加しています。不運にも、私はExt jsで完全に気に入っています。ツイートや例から、私はこの基本的な問題に打たれました。

私は次のように定義された2つの異なるdatepickers持っている：

：私はsuccefully日付ピッカーが私を通過したすべての私はシンプル行っているコントローラ、「にconsole.log（）」を定義しました

items: { 
         xtype: 'panel', 
         layout: 'hbox',      
         items: [{ 
          title: 'FROM', 
          margin: '5', 
          items: { 
           xtype: 'datepicker', 
           start: true, 
           reference: 'startDate', 
           maxDate: new Date(), 
           maxText: 'Future dates are not available', 
           bind: { 
            value: '{startDate}' 
           }, 
           showToday: false, 
           listeners: { 
            select: 'checkDateInterval' 
           } 
          } 
         }, { 
          title: 'TO', 
          margin: '5', 
          items: { 
           xtype: 'datepicker', 
           start: false, 
           reference: 'endDate', 
           bind: { 
            value: '{endDate}' 
           }, 
           maxDate: new Date(), 
           showToday: false, 
           listeners: { 
            select: 'checkDateInterval' 
           } 
          } 
         }] 
        } 

を

Ext.define('xxx.xxx.xxx.xxxxxxxSetupController', { 
    extend: 'Ext.app.ViewController', 
    alias: 'controller.investmentsetupcontroller', 
    checkDateInterval: function (data){ 
     console.log("data: ", data); 
    } 
}); 

と期待どおりに動作しています。 唯一の問題は、console.logにデータがいっぱいのオブジェクト全体を受け取ったことです。選択した2つの日付を取得する簡単な方法があるはずです。これを処理するためのアドバイスをお願いしますか？私の目標は、これらの2つの日付を取得し、いくつかの計算を行い、データで別の関数を呼び出すことです。

ありがとうございます。あなたのコードはまた、ここでフィドルをチェック

checkDateInterval: function (data){ 
     console.log("data: ", data.value); 
} 

ようになるdata.value を使用する必要がある、これを達成するために

Answer 1

。 Fiddle