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

时间:2011-01-27 19:20:01

标签: extjs picker

我目前在我的应用程序中使用EXTJS EditorGridPanel,对于其中一个列输入,我要求用户能够选择一个月和一天(没有年份)。

我目前正在使用DateField来执行此操作,但我需要能够在UI中禁用它的“年”方面。我不在乎最终的“价值”是否与之相关的一年,我可以简单地忽略它。我已经搜索过,看看是否有人做过这样的事情,但我唯一的发现就是那些只显示月/年的人。

我的另一个选择是创建我自己的自定义输入(带有日期和日期的组合框,其中日组合根据月份而变化),但是,老实说,我没有那么多时间自己制作一个我必须经历学习曲线,因为我之前从未创建过自定义输入扩展。

- >那么我的重要问题是,有没有人听说过现有的EXTJS月/日选择器?

任何帮助都会非常适合堆叠溢出的人!

3 个答案:

答案 0 :(得分:0)

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

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

使用这种方法:

  1. 将所有月/日数据保存在一列中
  2. 使用开箱即用的组件简化了您的UI代码。 (IMO这是学习ExtJS的关键)

答案 1 :(得分:0)

尝试类似:

{
    xtype: 'datepickerfield',
    name: 'OrderDate',
    label: 'Order Date',
    picker: { yearTo: 2011, yearFrom: 2020 }
}

我希望这会对你有所帮助。

答案 2 :(得分:0)

尝试这个

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

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