EXTJS:月/日选择器(即年份)

EXTJS:月/日选择器(即年份),extjs,picker,Extjs,Picker,我目前正在应用程序中使用EXTJS EditorGridPanel,对于其中一个列输入,我要求用户能够选择月份和日期(无年份) 我目前正在使用DateField来实现这一点,但我需要能够在UI中禁用它的“年”方面。我不在乎最后的“价值”是否有一年与之相关,我可以简单地忽略它。我一直在寻找是否有人做过这样的事情,但我唯一的发现是那些只显示月份/年份的人 我的另一个选择是创建我自己的自定义输入(使用月和日的组合框,其中日组合根据月而变化),但是,我真的没有那么多时间自己创建一个,因为我必须经历学习过

我目前正在应用程序中使用EXTJS EditorGridPanel,对于其中一个列输入,我要求用户能够选择月份和日期(无年份)

我目前正在使用DateField来实现这一点,但我需要能够在UI中禁用它的“年”方面。我不在乎最后的“价值”是否有一年与之相关,我可以简单地忽略它。我一直在寻找是否有人做过这样的事情,但我唯一的发现是那些只显示月份/年份的人

我的另一个选择是创建我自己的自定义输入(使用月和日的组合框,其中日组合根据月而变化),但是,我真的没有那么多时间自己创建一个,因为我必须经历学习过程,因为我以前从未创建过自定义输入扩展

-->所以我的大问题是,有人听说过现有的EXTJS月/日选择器吗


任何帮助都是非常合适的

虽然我可能会创建自己的自定义组件用作编辑器,但如果您不喜欢这样做,您是否考虑过在网格列模型中将月和日字段拆分为单独的列

另一个选项是向textfield添加一个输入掩码(您需要在cm中指定一个作为customEditor)。我相信这是通过自定义vType完成的。此输入掩码将强制用户以您指定的格式输入日期

使用这种方法将:

  • 将所有月/日数据保存在一列中
  • 通过使用现成组件简化UI代码。(这是学习ExtJS的关键)
  • 尝试以下方法:

    {
        xtype: 'datepickerfield',
        name: 'OrderDate',
        label: 'Order Date',
        picker: { yearTo: 2011, yearFrom: 2020 }
    }
    
    我希望这对你有帮助。

    试试这个

      picker: {
        slotOrder: [ 'month', 'day' ]
      }
    

    您的帖子似乎包含未正确格式化为代码的代码。请使用“代码”工具栏按钮或CTRL+K键盘快捷键将所有代码缩进4个空格。要获得更多编辑帮助,请单击[?]工具栏图标。

    我考虑了单独的列,但这将使我的网格总共有11列,这似乎是“太多”了。我将研究输入屏蔽,这不是我想到的一个选项。非常感谢。然而,在考虑了最初的问题之后,我们最终不需要控制-创建自定义组件将是最好的解决方案。实际上,考虑到这一点,在日历形式中使用月/日选择器是没有意义的,因为一周中每一天的日期布局将没有任何意义。我想我真正想要的是一个现有的月/日组合框选择器(天数将根据选择的月份而变化)。如果我需要重新访问控件(我们最终不需要它),我将查看一下,看看这个解决方案是否有效-谢谢!你认为为什么在你的解决方案中会禁用年?