javascript - EXTJS 日期字段验证

Question

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

如何强制用户为 dateField 输入正确的值？或者我怎样才能获得该字段中的真实输入？

谢谢。

Answer 1

日期字段还有一个 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
    }]
});?