javascript - ExtJS が timefield コンポーネントの値を設定できない

Question

私が抱えている問題を解決する方法を見つけようとしてきましたが、Google でも SO でも見つけられなかったので、この質問を投稿しています。

次のコードで表される type: timefield の 2 つのコンポーネントがあります。

{
            xtype: 'timefield',
            format: 'H:i',
            increment: 30,
            name: 'shiftStartTime',
            itemId: 'shiftStartTime',
            fieldLabel: 'Shift Start Time',
            required: true,
            value: '00:00'                
        }, {
            xtype: 'timefield',
            format: 'H:i',
            increment: 30,
            name: 'shiftEndTime',
            itemId: 'shiftEndTime',
            fieldLabel: 'Shift End Time',
            required: true,
            value: '00:00'
        },

私がやっていることは簡単です。実際には、サーバーから取得したエンティティに基づいてフィールドの値を設定しようとしています。「時間」と「分」の 2 つのフィールドを持つエンティティを取得できました。連結された値を両方のコンポーネントに設定したいのですが、何らかの理由で、常に空白で表示されます。値を設定するために実装したコードは次のとおりです。

setPreEnteredTimes: function(userProfileItem) {
    var me = this,
        shiftStartTimeComp = me.getItem('shiftStartTime'),
        shiftEndTimeComp = me.getItem('shiftEndTime'),
        hh = userProfileItem.get('hour'),
        mm = userProfileItem.get('minute');


    var displayStr = hh + ':' + mm;

    shiftStartTimeComp.setValue(displayStr);

    shiftEndTimeComp.setValue(displayStr);


},

私はすでに を作成しnew Dateて使用しようとしましたが、動作Ext.Date.format()しH:iませんでした。時間フィールドは常に空白で表示されます。

ExtJS のバージョンは 4.2.3 です

前もって感謝します。