Почему Inputmask неправильно обрабатывает дату? - PullRequest
Новая
       28

Почему Inputmask неправильно обрабатывает дату?

0 голосов
/ 20 декабря 2018

Просматривая источник, похоже, что загрузка расширений даты должна позволить мне использовать маску типа mm/dd/yyyy.

Ожидаемое поведение : нажатие на поле должно позволить мне ввести что-то вроде 12/25/2018, заменив маску своим вводом при вводе.

ActualПоведение : нажатие на поле заполняет поле маской, но помещает курсор в конец и не позволяет набирать текст. 

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.)

Ответы [ 3 ]

0 голосов
/ 20 декабря 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="'alias': 'datetime', 'inputFormat': 'dd/mm/yyyy'" />
0 голосов
/ 20 декабря 2018

Вы включили расширение даты, позволяющее вам сделать { 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 />
0 голосов
/ 20 декабря 2018

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