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

最新推荐文章于 2021-02-23 12:25:20 发布

转载最新推荐文章于 2021-02-23 12:25:20 发布 · 887 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/fgfg/p/5755428.html

本文介绍了一种在ExtJS中使日期字段只读的方法，通过设置`readOnly:true`并结合事件监听，允许用户查看但不能修改日期。这种方式解决了使用`readonly`或`editable`属性无法达到预期效果的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

之前用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();//隐藏日期选择框
    }}
}

转载于:https://www.cnblogs.com/fgfg/p/5755428.html