title: extjs grid filter date range
body: <p>I dont understand how to create two date columns and create range between them?</p>
  
  <p>For example I have <code>Grid</code> where is some column (<code>deadline date</code>), and i have 2 datefields, where I can write: <code>From what day</code> and <code>Till what day</code> .</p>
  
  <p>How then I  can filter data between those days that I choosed?</p>
  
  <pre><code>**SOME CODE:**
  
     // create the Grid
      var grid = new Ext.grid.GridPanel({
          store       : store,
          id          : 'grid',
          columns     : [
              new Ext.grid.RowNumberer({width: 20, header: '#'}),
              {id:'text',header: "Text", width: 150, sortable: true, dataIndex: 'text'},
              {id:'is_online',header: "Is Online?", width: 70, sortable: true, dataIndex: 'is_online'},
              {id:'deadline',header: "Deadline", width: 130, sortable: true, dataIndex: 'deadline', xtype: "datecolumn", format: "Y-m-d"}
          ],
          stripeRows  : true,
          height      : 550,
          title       : 'Questions',
      });
  
      var gridSearch = new Ext.Panel({     
          stripeRows  : true,
          frame       : true,
          style       : 'padding-bottom: 5px',
          height      : 250,
          title       : 'Search filter',
          items       : [{
                          xtype       : 'checkbox',
                          id          : 'is_for_online',
                          boxLabel    : 'Показать только ОНЛАЙН',
                          inputValue  : '1'
                        },{
                          xtype       : 'datefield',
                          id          : 'date_s',
                          allowBlank  : true,
                          emptyText   : 'Выберите дату С',
                          name        : 'deadline',
                          width       : 140,
                          editable    : false,
                          format      : 'Y-m-d'
                        },{
                          xtype       : 'datefield',
                          id          : 'date_s',
                          allowBlank  : true,
                          emptyText   : 'Выберите дату С',
                          name        : 'deadline',
                          width       : 140,
                          editable    : false,
                          format      : 'Y-m-d'
                        },{
                          xtype       : 'button',
                          text        : 'Go!',
                          handler     : function () {
  
                      //var searchValueDate1 = Ext.getCmp("date_s").getValue(); 
                      //var searchValueDate2 = Ext.getCmp("date_po").getValue(); 
                      //var date_s    = searchValueDate1.format('Y-m-d');
                      //var date_po = searchValueDate2.format('Y-m-d');
  
                      //store.filter("deadline", date_s)//, date_po);
  
                      alert(daterange);
  
  
  
                          }
                  },
                  ]
      });
  </code></pre>