如何清除时域选择？

Question

                    {
                        xtype: 'timefield',
                        fieldLabel: Locale.gettext( 'End Time' ),
                        hidden: _self.hideEndTime,
                        editable: _self.editableEndTime,
                        listeners: {
                            change: function( t, newVal ) {
                                var btnCnt = t.previousSibling('fieldcontainer').query('button[pressed=true]');
                                if( btnCnt.length < 2 ) {
                                    t.previousSibling( 'timefield' ).setMaxValue( newVal );
                                } else {
                                    t.previousSibling( 'timefield' ).setMaxValue( '' );
                                }
                            }
                        }
                    }

If one item has been selected in the drop-down of 'tiemfield', the item will be highlight. I am trying to clear/reset this, but the reset only reset the text field, and the the item that I previously selected is still highlighted. Is there any why to reset the drop-down?

Answer 1

I was able to replicate the issue in 4.1 in the fiddle.

A work around I was able to come up with is to refresh the timepicker after resetting.

myTimeField.getPicker().refresh()

And here is a working fiddle with the fix