How to show month year labels Sencha Touch datepickerfield

Question

The date picker component does not Year Month Day label in Sencha Touch. See the screen shot for current and expected output.

Is there any way to handle this.

I am using Sencha Touch 2.3.1

Answer 1

Just set useTitles property:

useTitles: true

to your Picker.

Answer 2

I was using xtype: 'datepickerfield'

So adding this listener with setTitle to true solved this issue.

listeners: {
        initialize: function(){
            this.getPicker().setUseTitles(true);
    }
}

datepickerfield contains a picker component encapsulated in itself.