使用输入掩码时在掩码中指定日期格式？答案

【问题标题】：Specify date format in mask when using an input mask?使用输入掩码时在掩码中指定日期格式？
【发布时间】：2020-09-21 21:13:37
【问题描述】：

我一直在使用 jquery masked input plugin 将日期掩码应用于文本输入。这很好用，但我希望显示的掩码也显示格式。也就是说，而不是掩码是

__/__/____

我希望能够通过使用掩码来指定格式，例如，

dd/mm/yyyy

或（与当前掩码看起来相同但根本不同）

mm/dd/yyyy

我看不到如何使用该插件执行此操作（据我所知，它只接受一个字符作为掩码字符）。当前的插件可以吗？有谁知道可以做到这一点的替代插件（最好使用 jQuery）？我什么都没找到。

【问题讨论】：

好好考虑一下。假设您可以使用dd/mm/yyyy，然后有人输入29/02/200（最后一位尚未输入）。插件应该为最后一位数字做什么？拒绝除 0、4 和 8 之外的所有输入而不提供反馈？这个主题有很多例子。
是的，您也可以使用遮罩插件验证日期 - 但是您能否给我一个执行此操作的插件示例（并且具有遮罩插件的其他行为，例如自动前进静态部分（日期格式中的“/”）？我已经单独验证了输入并且对此感到满意，我需要一种简单的方法来告诉最终用户日期应该采用什么格式。如果它可以强制执行有效日期然后很好（尽管我仍然需要验证某些日期在其他日期之前或之后）但这不是我的要求

【解决方案1】：

https://github.com/digitalBush/jquery.maskedinput 支持此功能（现已存档 - 以前位于 http://digitalbush.com/projects/masked-input-plugin/） - 您只需指定完整的占位符（请参阅该网站上的日期演示）：

$('#date').mask('99/99/9999',{placeholder:"mm/dd/yyyy"});

【讨论】：

【解决方案2】：

我最近有一个类似的要求，我能找到的唯一不需要我做很多工作来调整插件的就是使用this modified date masking plugin。到目前为止，它似乎正在完成这项工作。

如果你想测试一下，head to this page。

我们使用这个修改过的日期屏蔽器的基本实现如下：

$('#yourInputBoxHere').mask("99/99/9999", {placeholder: 'MM/DD/YYYY' });

我希望这会有所帮助。

更新：一个警告：这个插件似乎与更高版本的 jQuery 不兼容。我认为它对 jQuery 1.4 及更低版本是安全的。

【讨论】：

看起来正是我想要的。谢谢（警告：我已经在上面的页面上尝试过，但还没有时间自己实现）
一个警告，不过，这个插件似乎与更高版本的 jQuery 不兼容。我认为它对 jQuery 1.4 及更低版本是安全的。
你能更新链接吗？当前的已经死了。
感谢@VenomFangs。我看了看，并能够在 2016 年 7 月 28 日成功访问链接页面。
或者，$('#yourInputBoxHere').inputmask({"mask": "99/99/9999", "placeholder": 'MM/DD/YYYY'});

【解决方案3】：

您可以像这样将输入的值设置为默认值：

$('#someId').mask("99/99/9999").val("dd/mm/aaaa");

【讨论】：

【解决方案4】：

您可以使用$.mask.definitions 为该插件指定您自己的掩码，然后在您的代码中使用它。

【讨论】：

我知道我可以指定我自己的掩码。问题不是面具，而是占位符（我已经有一个有效的面具）。我想要的是 $('#foo').mask('99/99/9999', {placeholder: 'dd/mm/yyyy'}) 之类的东西。但这对每个字符都使用了整个占位符字符串，这不是我想要的。