如何在 extjs 或 sencha 的日期时间字段中设置时间

Posted

技术标签:

【中文标题】如何在 extjs 或 sencha 的日期时间字段中设置时间【英文标题】:How to set time in datetime field in extjs or sencha 【发布时间】:2017-05-23 05:57:15 【问题描述】:

我需要一些帮助, 我的问题是.. 是否有任何选项可以在 extjs 日期时间字段中使用日期设置时间。请看下面的图片。 这是我的日期时间选择代码。


                xtype: 'datefield',
                fieldLabel: 'Posted At',
                //labelWidth: 140,
                format: 'd-M-Y H:i',
                flex: 1,
                name: 'postedAt',
                allowBlank: false,
                value: new Date(),
                listeners: 
                    scope: this,
                    select: function (f, v) 
                    
                
            ,

【问题讨论】:

您希望时间在日期下拉列表中显示时间? 是的。我想要时间在日期下拉列表中显示时间 至少在 extjs 这件事是不可能的。你需要找到另一个解决方案。 【参考方案1】:

Ext.picker.Date 不支持,所以我们必须编写自定义组件。

Here你可以找到ExtJS 4.1.0和4.2.1的实现

【讨论】:

【参考方案2】:

看看 javascript 中 Date() 的参数。可能是下面的代码是您回答的提示。

             
                xtype: 'datefield',
                fieldLabel: 'Posted At',
                //labelWidth: 140,
                format: 'd-M-Y H:i',
                flex: 1,
                name: 'postedAt',
                allowBlank: false,
                value: new Date(2017,4,23,12,00,00,0),
                listeners: 
                    scope: this,
                    select: function (f, v) 
                    
                
            

【讨论】:

老兄读了他的 cmets 你在说什么。他想要日期下拉列表中的时间而不是文本字段。 @Tejas 这个控件有配置选项吗? 不,没有配置。您需要为它创建任何自定义组件,如答案之一所述。

以上是关于如何在 extjs 或 sencha 的日期时间字段中设置时间的主要内容,如果未能解决你的问题,请参考以下文章

Extjs 4 日历如何实现

如何修复 extjs4.1 中的构建错误 com.sencha.exceptions.ExProcess

持久化和拒绝对层次关联的不同级别的更改 - Extjs 5/Sencha

Sencha Touch 和 ExtJS

Extjs 日期字段手动显示选择器

如何使用来自更高版本 Sencha ExtJS 的对象?