ShowMaskOnFocus 不适用于 angular 中的输入掩码

Question

我正在使用输入掩码库并想实现时间格式的掩码。它将接受 HH:mm 格式的整数，因此如下使用

timeInputMask = createMask({
    mask: '[99:99]',
    showMaskOnFocus: true,
    showMaskOnHover:true
  });

<input maxlength="5" placeholder="__:__" [inputMask]="timeInputMask" />

加载文本框后，默认掩码为“:”，因此工作正常。问题是 - 只要我在文本框内单击，掩码就会隐藏，即文本框是空白的。开始输入数字后，掩码再次出现。

你知道我们怎样才能使遮罩在文本框的焦点上可见吗？

Answer 1

这里我使用https://github.com/ngneat/input-mask库。

*.html

<input maxlength="5" placeholder="HH:MM" [inputMask]="time" />

*.ts

time = createMask<Date>({
    alias:'datetime',
    inputFormat: 'HH:MM'
  });

参考：https://stackblitz.com/edit/angular-ivy-sp6w7d?file=src%2Fapp%2Fapp.component.html

ShowMaskOnFocus 不适用于 angular 中的输入掩码

ShowMaskOnFocus not working for input-mask in angular

angular

masking

input-mask