RSS

  • YouTube
  • LinkedIn
  • 谷歌

档案 : jQuery 掩码插件

使用 jQueryMask 插件在不同模式下设置日期格式

jQuery 掩码插件 是一个伟大的 Javascript 库, 用于格式化字段以供演示和/或强制用户正确输入.

这里, 我演示如何处理输入或其他 HTML 元素, 以便在源日期与目标元素的格式不同时显示日期.

示例:

  • 我们有一个日期时间与 年-月-日小时:分钟:秒 只需要显示 年/月/日 部分.
  • 我们有一个日期在 年月日 并需要格式化为 日/月/年.

jQueryMask 是非常简单的使用. 它不需要太多, 以掩盖任何你需要的. 看看他的网站上的例子.

如果需要设置简单日期字段的格式 (即使在非输入元素中), 只需使用下面的代码.

上面的代码可以对日期进行掩码和预验证。 年/月/日 格式.

输入像

将改变他的价值 2018/06/11.

如果您尝试键入另一个日期 (清除后, 答案是肯定的) 您不能从不同的数字开始 1 或 2. 这是因为我们的面具有一个翻译要做时, 允许字符. 如果模式不匹配, 字符被擦除.

The meaning of “;TC99/M9/D9; 掩码是:

  • 必须从 1 或 2 (翻译 T: /[12]/ ; 自定义格式)
  • 必须有数字 0 或 9 (翻译 C: /[09]/ ; 自定义格式)
  • 必须有一个数字 (任何) (翻译 9 ; MaskPlugin 核心格式)
  • 必须有一个数字 (任何) (翻译 9 ; MaskPlugin 核心格式)
  • 斜线将自动添加 ( / )
  • 必须有数字 0 或 1 (翻译 M: /[01]/ ; 自定义格式)
  • 必须有一个数字 (任何) (翻译 9: MaskPlugin 核心格式)
  • 斜线将自动添加 ( / )
  • 必须有数字 0, 1, 2 或 3 (翻译 D: /[0-3]/ ; 自定义格式)
  • 必须有一个数字 (任何) (翻译 9: MaskPlugin 核心格式)

答案是肯定的, 没有真正的验证. You can type “;2999/19/39; 这不是一个有效的日期, 但几乎完成.

所以, 以另一种方式格式化, 只是更改掩码参数顺序.

但, 如果源日期的模式不同, 如月/日/年, 掩码不工作. The date output for “;06/11/2018 15:40; will be weird “;1018/15/0;.

要处理不同的日期格式, 需要的不仅仅是简单的掩码. 我们将需要一个函数.

查看下面的代码

现在我们有两种翻译模式 (h 和 m). H 表示 n 索引位置必须有数字 0, 1 或 2 和 m 之间的数字 0 和 5. 请记住, 案件事项.

使用上面的代码, 我们可以通过多种方式格式化和显示日期. 只是改变 .测试().取代() 模式以填充所需的模式.

这是我使用的代码, 用于格式化数据库日期时间字段 (以年月份为日期)。:分钟:第二个 html 元素的日期/年/月小时:分钟

输入像

输出将 11/06/2018 15:40

希望这能帮到你!