[RogeR31415]

С чего начать... вот здесь

items: [{
    	xtype: 'datepicker',
        maxDate: new Date(),
        
        handler: function(picker, date) {
            // do something with the selected date
        }
    }]

... надо написать чтоб при выборе даты производился вывод из бд данных с этой датой, да?!




*****
app.js *
*****

Ext.onReady(function() {

	
	
var store = Ext.create('Ext.data.JsonStore', {
    	
	proxy: {
        type: 'ajax',
        url: 'get.php',
        reader: 
		{
        type: 'json'
        }	
	},			
		
	fields:['id','first_name','last_name','date']		       
});



Ext.create('Ext.panel.Panel', {
    //title: '____Show patients by date:____',
    //width: 180,
	style: 'margin-top: 20px; margin-left: 44%',
	renderTo: Ext.getBody(),
    border: false,
    items: [{
    	xtype: 'datepicker',
        maxDate: new Date(),
        
        handler: function(picker, date) {
            // do something with the selected date
        }
    }]
});
store.load();



Ext.create('Ext.grid.Panel', {
	width: 310,	
	style: 'margin-top: 20px; margin-left: 40%',
	layout: {
        type:'hbox',
        pack:'center'},    
	columns:
		   	[
	          { dataIndex: 'id', header: 'ID', hidden: true },
	          { dataIndex: 'first_name', header: 'Name' },
	          { dataIndex: 'last_name', header: 'Surname' },	      			               	      
	          {
	        	//header: 'layout',
	    	    xtype:'actioncolumn', 
	    	    width:20,
	    	      
	    	    items: [ 
	    	        {icon: 'extjs/resources/themes/images/default/shared/right-btn.gif', 
	    	          	
	    	          handler: function showWindow(){
	    	            if(!win){
	    	                var win = new Ext.Window({
	    	                        width:500,
	    	                        height:300,
	    	                        title: 'TEST',
	    	                        html:'<h1>My first lightBOX </h2>',
	    	                        layout:'fit',
	    	                        bodyStyle:{'background-color': '#FFFFFF'},
	    	                        modal: true
	    	                })    
	    	        }
	    	        win.show();
	    	        }
	    	      }]
	    	  },	    	    	  
	    	  { dataIndex: 'date', header: 'Date' }	     	    	  	  
	                       
	      ],
    renderTo: Ext.getBody(),
    store: store
});



});