为什么 Inputmask 不能正确处理日期？

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'" />

这个库的 documentation 很广泛，但没有概述我的特定面具的示例。我正在通读源代码，但我想我会在这里向更熟悉这个库的人提出这个问题。

（注意：我已经标记了这个 jquery-inputmask，它指的是这个库现在可以在有或没有 jQuery 的情况下运行。）

Answer 1

'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 2

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

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 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 />

为什么 Inputmask 不能正确处理日期？

Why is Inputmask not properly handling a date?

html

javascript

input-mask

jquery-inputmask