欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

extjs中,datefield日期,点击输入框弹出日期,禁止手动输入

程序员文章站 2022-06-14 22:10:31
...

之前用readonly:true连日期也选不了了,editable:false也不行,最后用事件监听实现

栗子如下:

{
    xtype: 'datefield',
    fieldLabel: '创建结束时间',
    name: 'creatEndTime',
    format : 'Y-m-d',
    anchor:'-10',
    readOnly:true,
    hideTrigger:true,
    listeners: {
    //光标聚焦时触发的事件
    "focus": function () { 
    this.onTriggerClick(); //显示日期选择框
    },
    //失去焦点时触发的事件
    "blur":function(){
    this.onMenuHide();//隐藏日期选择框
    }}
}