ShowMaskOnFocus 不适用于 angular 中的输入掩码
ShowMaskOnFocus not working for input-mask in angular
我正在使用输入掩码库并想实现时间格式的掩码。它将接受 HH:mm 格式的整数,因此如下使用
timeInputMask = createMask({
mask: '[99:99]',
showMaskOnFocus: true,
showMaskOnHover:true
});
<input maxlength="5" placeholder="__:__" [inputMask]="timeInputMask" />
加载文本框后,默认掩码为“:”,因此工作正常。
问题是 - 只要我在文本框内单击,掩码就会隐藏,即文本框是空白的。开始输入数字后,掩码再次出现。
你知道我们怎样才能使遮罩在文本框的焦点上可见吗?
这里我使用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
我正在使用输入掩码库并想实现时间格式的掩码。它将接受 HH:mm 格式的整数,因此如下使用
timeInputMask = createMask({
mask: '[99:99]',
showMaskOnFocus: true,
showMaskOnHover:true
});
<input maxlength="5" placeholder="__:__" [inputMask]="timeInputMask" />
加载文本框后,默认掩码为“:”,因此工作正常。 问题是 - 只要我在文本框内单击,掩码就会隐藏,即文本框是空白的。开始输入数字后,掩码再次出现。
你知道我们怎样才能使遮罩在文本框的焦点上可见吗?
这里我使用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