为什么输入掩码不能正确地处理日期？

Question

浏览源代码，看起来加载日期扩展应该允许我使用像mm/dd/yyyy这样的掩码。

预期的行为：单击字段应该允许我输入类似12/25/2018的内容，在键入时用输入替换掩码。

实际行为：单击字段填充掩码，但将光标放在末尾，不允许键入。

​

Inputmask().mask("input");

<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.date.extensions.js"></script>

<input id="input" data-inputmask="'mask': 'mm/dd/yyyy'" />

​

这个库的文档很广泛，但没有为我的特定掩码提供一个示例。我正在阅读源代码，但我想我会在这里抛出这个问题，让更熟悉这个库的人知道。

(注意:我已经标记了这个jquery-inputmask，它指的是这个库，它现在可以使用或不使用jQuery操作。)

Answer 1

我从未使用过这个库，但我是根据您链接的文档编写的：

​

Inputmask().mask("input");

<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.date.extensions.js"></script>

<input id="input" data-inputmask="'alias': 'datetime', 'inputFormat': 'dd/mm/yyyy'" />

​

Answer 2

'mm/dd/yyyy'应该是占位符，'99/99/9999'应该是掩码：

​

Inputmask().mask("input");

<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.date.extensions.js"></script>

<input id="input" data-inputmask="'mask': '99/99/9999', 'placeholder': 'mm/dd/yyyy'" />

​

或者，您可以使用一个date输入：

​

<input type='date' />

​

Answer 3

您已经包含了日期扩展，允许您执行{ alias: "datetime", inputFormat: "dd/mm/yyyy"}。

​

Inputmask({ alias: "datetime", inputFormat: "dd/mm/yyyy" }).mask("input");

<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/dependencyLibs/inputmask.dependencyLib.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.js"></script>
<script src="https://unpkg.com/inputmask@4.0.4/dist/inputmask/inputmask.date.extensions.js"></script>

<input />

​