Show Separate Drop Down List For Hour And Minute In Extjs 3.1.1

I am working on an extjs 3.1.1 application. Now I have a timefield that user select time from that and save this time but this timefield drop down list is very long and hard to fin

Solution 1:

here is my code which i am using for date and time field.you can define format of time .

i>for date:

newExt.form.DateField({
                id : 'scheduleDate',
                fieldLabel : 'Date',
                format : 'd-M-Y',
                editable:false,
                minValue : newDate(),
                allowBlank : false

            })

ii>for time:

new Ext.form.TimeField({
            id : 'scheduleTime',
            fieldLabel : 'Time',
            allowBlank : false,
            editable:false,
            format : 'H:i',
            increment: 1
        })