PDA

View Full Version : Disable/Hide prev and next navigation button in Ext.DatePicker



ashu2289
19 Jun 2012, 2:53 AM
I did not find any configuration to disable/ hide the navigation buttons (previous and next) in Ext.DatePicker.
Although we have a way to do this using respective css classes.
But what we have more than one Ext.DatePicker in one page and we want to customize them differently.

scottmartin
23 Jun 2012, 4:17 PM
You can create your own class and make adjustments as needed:



.mydateclass .x-datepicker-prev a, .mydateclass .x-datepicker-next a {
background-image: none;
}
‚Äč



Ext.create('Ext.panel.Panel', {
title: 'Choose a future date:',
width: 200,
bodyPadding: 10,
renderTo: Ext.getBody(),
items: [
{
xtype: 'datepicker',
minDate: new Date(),
cls: 'mydateclass'
},
{
xtype: 'datepicker',
minDate: new Date()
}

]
});


Regards,
Scott.