ExtJs 3.单击文本字段显示日历

Question

当您点击日历左侧的文字字段图标时如何显示日历？

Answer 1

使用'render'事件收听日期字段上的点击，然后使用onTriggerClick（）函数展开日期选择器：

       {
            xtype:'datefield',
            name:'date1',
            fieldLabel:'Date',
            listeners:{
                render:function (d) {
                    d.el.on('click', function () {
                        d.onTriggerClick();
                    });

                }
            }
        }

Answer 2

 {
xtype:'datefield', 
fieldLabel:'Start Date', 
name:'start_date',
dataIndex:'start_date'
}

use the items[] for the field container and put above lines for datefield in items and call it 

Answer 3

Alin Suciu对于extjs 5的回答是不够的。 因为当点击datepicker图像时，选择器不会触发。 所以我改变了一点。 这不是最好的方式，而是工作。

listeners: {
    afterrender: function (d) {
        d.getEl().on('click', function (e, t, o) {
            if (e.target.id.indexOf('picker') <= 0) {
                d.onTriggerClick();
            }
        });
    }
}

如果有更好的解决方案建议，我会更改我的代码。 最好的问候。