Javascript EXTJS日期字段验证

在EXTJS中，我有一个日期字段。用户在该字段中输入'abcd'，如果我获取值，它将返回一个空字符串，而不是'abcd'

如何强制用户为日期字段输入正确的值？或者我怎样才能得到该领域的真实信息

---

谢谢。

当您在日期字段中使用

getValue

方法时，返回值将是：

Wed Jul 25 2012 00:00:00 GMT-0300（BRT）

，例如，但您可以使用

Ext.util.format.date（日期，'d/m/Y H:i:s'）格式化日期getValue

方法时，返回值将是

“25/07/2012 00:00:00”

，例如，返回值将是：

Wed Jul 25 2012 00:00:00 GMT-0300（BRT）

，但您可以使用

Ext.util.format.date（date，'d/m/Y H:i:s'）格式化日期

返回值将为

“25/07/2012 00:00:00”

日期字段还有一个getRawValue方法，它与getValue不同，因为它不应用getValue所做的任何验证

要强制用户输入正确的值，可以使用reMask属性。默认验证逻辑将允许无效条目，并将显示该条目无效，并显示红色突出显示等。reMask掩码过滤键盘输入。在本例中，它仅限于数字和正斜杠，并且可以扩展到所需的任何日期格式

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 300,
    bodyPadding: 10,
    title: 'Dates',
    items: [{
        xtype: 'datefield',
        anchor: '100%',
        fieldLabel: 'From',
        emptyText: 'mm/dd/yyyy',
        maskRe: /[0-9\/]/,
        name: 'from_date',
        maxValue: new Date()  // limited to the current date or prior
    }, {
        xtype: 'datefield',
        anchor: '100%',
        emptyText: 'mm/dd/yyyy',
        maskRe: /[0-9\/]/,
        fieldLabel: 'To',
        name: 'to_date',
        value: new Date()  // defaults to today
    }]
});?

---

datefield还有一个getRawValue方法，它与getValue不同，因为它不应用getValue所做的任何验证

要强制用户输入正确的值，可以使用reMask属性。默认验证逻辑将允许无效条目，并将显示该条目无效，并显示红色突出显示等。reMask掩码过滤键盘输入。在本例中，它仅限于数字和正斜杠，并且可以扩展到所需的任何日期格式

Ext.create('Ext.form.Panel', {
    renderTo: Ext.getBody(),
    width: 300,
    bodyPadding: 10,
    title: 'Dates',
    items: [{
        xtype: 'datefield',
        anchor: '100%',
        fieldLabel: 'From',
        emptyText: 'mm/dd/yyyy',
        maskRe: /[0-9\/]/,
        name: 'from_date',
        maxValue: new Date()  // limited to the current date or prior
    }, {
        xtype: 'datefield',
        anchor: '100%',
        emptyText: 'mm/dd/yyyy',
        maskRe: /[0-9\/]/,
        fieldLabel: 'To',
        name: 'to_date',
        value: new Date()  // defaults to today
    }]
});?

---

发布一些代码会很有帮助。ExtJs DateField确实内置了一些验证。相关：发布一些代码会很有帮助。ExtJs DateField确实内置了一些验证。相关：您使用的maskRe不正确，因为如果用户只输入数字，他将被允许..您使用的maskRe不正确，因为如果用户只输入数字，他将被允许。。