ExtJS“日期字段”验证覆盖

2024-03-18

我需要一个具有一些自定义行为的日期列,特别是我需要能够在同一字段中输入日期或年龄(年龄保持呈现为年龄,日期保持呈现为日期)

例如。输入“23”将使“23”在字段中保留为有效值,或者输入“22/1/88”将使“22/1/88”保留为有效值。

所以我尝试使用像这样定义的编辑器的日期列(注意验证覆盖):

editor: {
    xtype: 'datefield',                                 
    format: 'd/m/Y',                                
    validate: function(){
      if(!this.value.match(SOME_REGEX){         
        if(!this.value.match(SOME_REGEX){
          return false;
        }           
      }             
      return true;
    }                               
}

Chrome 调试器显示日期的验证事件和验证功能正确,但是,当我尝试输入年龄(int)时,在点击输入字段后获取该值并尝试从中创建日期,将猜测的日期渲染回来进入现场并THEN验证被调用。

我能找到的唯一有记录的验证前事件是

stripCharsRe

默认为 NULL。

任何人都可以阐明这一点吗?


在这种情况下,我建议您使用/配置文本域 http://dev.sencha.com/deploy/dev/docs/?class=Ext.form.TextField作为编辑器组件并编写一个自定义验证器(就像在您的代码片段中一样)来验证值。

(我知道这并不能直接回答您的问题,但由于 DateField 是为了处理 Date 对象而构建的,因此您当前的方法将会充满问题)

EDIT -

如果必须使用日期选择器,请使用触发场 http://dev.sencha.com/deploy/dev/docs/?class=Ext.form.TriggerField作为您的基础组件并在其 onTriggerclick 上显示日期选择器 http://dev.sencha.com/deploy/dev/docs/?class=Ext.DatePicker。 (您必须设置一个处理函数,当用户使用此选择器选择日期时将调用该函数。请参阅 DatePicker.handler 配置选项)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

ExtJS“日期字段”验证覆盖 的相关文章

  • Javascript/jQuery 变量未给出预期值

    和我之前的其他人一样 我也在 Javascript 的范围内苦苦挣扎 那并试图阅读该死的东西 我已经检查了关于这个问题的一些先前的线程 但我似乎无法让它们正确地应用于我的问题 在下面的示例中 我想操纵中的值tagsArr数组 一旦数组已完全
  • 我是否需要关心异步 Javascript 的竞争条件?

    假设我加载了一些我知道在将来某个时候会调用的 Flash 影片window flashReady并将设置window flashReadyTriggered true 现在我有一个代码块 我想在闪存准备好时执行它 我希望它立即执行 如果wi
  • “过滤”JSON 以获得唯一键并获取所有相关值

    找到一个组中所有可能的相关值的最佳方法是什么 var table group a stuff new group a stuff old group b stuff newOld group b stuff old group c stuf
  • ExtJS 4 用于选择所选值的组合框事件

    由于某种原因 我需要知道用户何时从组合框中选择了值 即使它已经被选择 仅当用户选择未选择的项目时 选择 事件才起作用 我在组合框或选择器的文档中没有看到任何类似 itemclick 的事件 有任何想法吗 ComboBox uses 绑定列表
  • React useEffect hook 和 Async/await 自己的获取数据函数?

    我尝试创建一个从服务器获取数据的函数 并且它有效 但我不确定这是否正确 我创建了一个函数组件来获取数据 使用useState 使用效果 and 异步 等待 import React useState useEffect from react
  • 我无法在我的反应本机上使用加载的应用程序。它不会正常工作

    我不断收到此错误 错误截图 https i stack imgur com 88KPa png 这是我用来导入自定义谷歌字体的代码 import React useState from react import Home from scre
  • 每次用户在地址栏中按 Enter 时,Firefox 插件都会执行某些操作

    我正在尝试编写一个扩展程序 用于监视每次有人在使用地址栏时按下回车键时的情况 步骤将类似于 用户在地址栏中输入一堆文本并按 Enter 键 我的插件启动并接收用户输入的内容 然后我的插件决定如何处理用户输入的字符串 我通过使用在步骤 2 中
  • 无法读取未定义错误的属性“匹配”

    我试图在 React JS 前端显示一些文本来代替个人资料图像 当它不可用时 基本上 我将当前客户名称传递给一个函数 该函数提取名称中所有单词的第一个字符 我能够仅显示名称 但是当我执行函数调用时 出现 无法读取未定义的属性 匹配 错误 并
  • 执行oauth时如何创建弹出窗口?

    我想通过使用弹出窗口来完成 Lifestream 和其他网站使用 oauth 身份验证所做的事情 他们打开一个弹出窗口 不知何故没有被弹出窗口拦截器阻止 并将他们的网站变灰 然后 在允许 oauth 访问时 它会说重定向回原始站点并终止弹出
  • Java SWT 用户输入验证

    在 SWT 中进行用户输入验证时 Java 约定是什么 我读到有 FieldEditors 它们是非常方便的字段 但遗憾的是仅适用于首选项和对话框 我还了解到有一个 IValidator 接口 但它经常与数据绑定一起使用 就我而言 我的大多
  • 如何使用 jQuery Validate 正确验证放置在多个选项卡上的 Twitter Bootstrap 表单?

    我有一个表单位于多个 Twitter 的 Bootstrap 选项卡上
  • 未调用 C++ 重写函数

    我遇到了一个问题 即未调用重载函数 而是调用了基函数 我怀疑这与项目文件之间的划分方式有关 在文件 obj1 h obj1 cpp 中我有这样的东西 class obj1 public void print void obj1 print
  • 如何将这段 javascript 代码重写为 C++11?

    这是我在 Javascript Definitive Guide 中看到的 javascript 闭包代码 我想把它写成C 11 var uniqueID1 function var id 0 return function return
  • 从 json 文件加入时添加角色 (autorole)

    我对 JS 相当陌生 为了学习 我决定为 Discord 制作一个机器人 我学到了很多并且正在继续学习 我有一个 autorole 的想法 我知道传统的做法 bot on guildMemberAdd member gt var role
  • 如何禁用向左滚动?

    I got a div 元素 parent 包含多个子元素 item 我想启用滚动父元素一个方向 left OR正确的 否则什么都不会发生 看我的代码 parent scroll function gt gt gt scroll event
  • 如何使用jsPDF设置图像以适合页面宽度?

    有什么办法可以解决这个问题吗 我尝试以毫米为单位设置宽度和高度 如何将其设置为全角 您可以获取 PDF 文档的宽度和高度 如下所示 var doc new jsPDF p mm a4 var width doc internal pageS
  • 使用 React Hook Form 和 Yup 进行文件输入验证

    我尝试使用 React Hook Form 进行文件输入验证 是的 我写了下面的代码 但是当我测试文件的大小时 它在这里显示console log value 0 size 即使我在文件输入中选择了一个文件 该值也是未定义的 这有什么问题吗
  • 原型链、构造函数、继承

    我正在玩 javascript 原型 我是新手 所以我有一个小问题 我正在用这个article http mckoss com jscript object htm作为指导 我已经定义了产品和书籍 目的是什么Book prototype c
  • Cypress.io 如何处理异步代码

    我正在将旧的水豚测试转移到 cypress io 因为我们的应用程序正在采用 SPA 方式 在我们的案例中 我们有超过 2000 个测试 涵盖了很多功能 因此 测试功能的常见模式是让用户创建并发布报价 一开始我写了 cypress 浏览页面
  • Nodejs 解码 base64 并使用流将它们保存到文件中

    在我的node js应用程序中 我使用以下代码行解码base64编码的图像 const fileDataDecoded Buffer from base64EncodedfileData base64 到目前为止 我可以使用以下代码编写一个

随机推荐

  • Android 应用程序中的内存泄漏

    我的应用程序中遇到了一些内存泄漏 我第一次怀疑内存泄漏是当我通过点击按钮启动新的应用程序来对应用程序进行压力测试时Activity 使用后DDMS并倾倒出一个 hprof file 这个文件我用Eclipse Memory Analyzer
  • 现代OpenGL中的gl_ModelViewMatrix和gl_ModelViewProjectionMatrix是什么?

    我有这个代码 它是上下文 version 330 core gl Position PerspectiveViewMatrix 90 0 AspectRatio 0 01 1000 0 TranslationMatrix 0 0 4 0 3
  • 如何使用Java从json文件中提取每个元素(书签)作为一个项目?

    我正在尝试从 Chrome 的书签文件中提取我的书签 该文件以 json 格式存储 我有大量的书签 下面的示例文件是一个新的 Google 配置文件 用于为可用文件创建少量元素 到目前为止 我已经构建了一个 java 程序来迭代文件并提取密
  • Facebook 在尝试使用沙盒广告帐户创建自定义受众时抛出奇怪的错误

    我的团队拥有 FB 营销 商业帐户已有 2 年了 我们大约在那个时候开设了沙盒帐户 但是 当我运行脚本为沙盒帐户创建受众时 我收到以下错误 status 400 response error message 2654 Customer Li
  • 是否可以使用 owl carousel 实现圆形/无限轮播? [关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我正在使用猫头鹰旋转木马 它工作完美 只是它不支持循环 无限滚动 我确实在谷歌和 stackoverflow 上搜索过想法 但没有运气
  • 自定义元素上的 Angular 非常奇怪的错误

    我制作了一个自定义选择元素 但出现了一个奇怪的错误 我在这里重现了这个错误 https stackblitz com edit angular ff7i5j https stackblitz com edit angular ff7i5j
  • 我想做的是 FreezableCollection.AddRange(collectionToAdd)

    我想做的是FreezableCollection AddRange collectionToAdd 每次我添加到 FreezableCollection 时 都会引发一个事件并发生一些事情 现在我有一个新的收藏 我想添加 但这次我想要集合更
  • R - 改变列表结构

    我有一些文本数据 在读入 R 后以以下格式呈现 gt lst lt list A c aa bb cc B c aa bb cc dd 1 1 A 2 1 aa 3 1 bb 4 1 cc 5 1 B 6 1 aa 7 1 bb 8 1 c
  • 更新到 Spring Boot 2.2.1 后出现 NoSuchBeanDefinitionException

    将现有代码从 Spring Boot 2 2 0 升级到 2 2 1 后 我遇到了一个奇怪的问题 看来我的 spring data jdbc 存储库不再以某种方式被扫描 Caused by org springframework beans
  • 我可以使用协议相关的 标签吗?

    协议相关 URL http www paulirish com 2010 the protocol relative url 可以方便地包含使用与原始请求相同的架构 HTTP 或 HTTPS 的资源 图像 CSS JS 同时仅保留缓存页面的
  • 鼠标在图像上单击的位置

    我有一个 GWT 容器 里面有一些东西和一个添加了点击处理程序的图像 我尝试做的是获取相对于图像的确切鼠标事件 X 和 Y 坐标 我看到帖子了here https stackoverflow com questions 1726137 tr
  • 跨编译单元的 OCaml 递归模块

    我试图将以下递归模块拆分为单独的编译单元 具体来说 我希望 B 位于它自己的 b ml 中 以便能够与其他 A 一起重用它 module type AT sig type b type t Foo of b Bar val f t gt b
  • PL/SQL:从表中选择到关联数组中

    我正在尝试在一个查询中将数据选择到 pl sql 关联数组中 我知道我可以使用硬编码密钥来做到这一点 但我想看看是否有某种方法可以引用另一列 密钥列 DECLARE TYPE VarAssoc IS TABLE OF varchar2 2
  • 在拉斐尔·JS

    我需要做类似的事情 paper text Left Top this p Label paper text Left Top nbsp this p Label 但前置空格不会显示或显示为 nbsp 在文本中 我试过了 label attr
  • Laravel 模型工厂播种机将两个模型分配给一个模型

    我正在开发 Laravel 9 项目 需要创建大量测试数据 我有一些模型 我想通过我的模型工厂自动将它们链接起来 这是我的模型关系 User Company 用户可以拥有一家公司 但他们可能没有一家 Affiliate 附属机构拥有user
  • scikit 多标签分类:ValueError:错误的输入形状

    我相信SGDClassifier with loss log 支持多标签分类 我不必使用 OneVsRestClassifier 检查这个 https stackoverflow com questions 15036630 batch g
  • Gui 工具包,我应该使用哪个? [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我正在编写一个相当大且复杂的数据分析程序 我认为是时候为该程序构建一个 GUI 了 所以我的问题是 我应该使用哪个 GUI 工具包 我对编码和构建 G
  • Phonegap 1.7中的Childbrowser插件只能第一次打开

    Phonegap 1 7 中的 Childbrowser 插件只能在第一次打开 我正在使用 Phonegap 1 7 和 Childbrowser 仅在子浏览器第一次工作时 当我关闭 Childbrowser 按下完成按钮 后 当我尝试打开
  • 如何仅删除父表中由子表中的外键引用的行

    我想从父表中删除行 元组 但它抛出错误消息 因为它的子表中有外键引用 但是 就我而言 我想仅删除父表中的记录并保留子表中的数据 有可能实现这一目标吗 我知道的用法ON DELETE CASCADE https stackoverflow c
  • ExtJS“日期字段”验证覆盖

    我需要一个具有一些自定义行为的日期列 特别是我需要能够在同一字段中输入日期或年龄 年龄保持呈现为年龄 日期保持呈现为日期 例如 输入 23 将使 23 在字段中保留为有效值 或者输入 22 1 88 将使 22 1 88 保留为有效值 所以