如何在angular 6中为手机号码输入字段自动添加"-“
如何在angular 6中为手机号码输入字段自动添加"-“
提问于 2019-06-27 03:17:33
我有一个输入型文本，我想基本上使它的手机号码和添加"-“，而自动键入文本框，例如999-999-9999，我已经尝试，但它不起作用。下面是代码
app.component.html
<input (keydown)=onKeydownEvent($event) type="text" maxlength="9" placeholder="mobile number"/>app.component.ts
import { Component } from "@angular/core";
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
styleUrls: ["./app.component.css"]
})
export class AppComponent {
show: any;
name: string = '2019-01-01T23-00-11';
//name: string = '2019-01-01';
ngOnInit() {
}
onKeydownEvent($event) {
$(event).val($(event).val().replace(/(\d{3})\-?(\d{3})\-?(\d{4})/, '$1-$2-$3'))
}
}回答 2
Stack Overflow用户
发布于 2019-06-27 03:35:11
如果它总是相同的格式，你可以只对它进行切片。
var phoneFormatted = phone.slice(0, 3) + "-" + phone.slice(3, 6) + "-" + phone.slice(6);js bin示例：https://jsbin.com/zibodosava/edit?html,js,console,output
Stack Overflow用户
发布于 2019-06-27 04:03:12
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56779692
复制相关文章
相似问题
腾讯云开发者
