Step 1: Install ng-bootstrap
ng add @ng-bootstrap/ng-bootstrap npm install ngx-nic-parser --savehttps://www.npmjs.com/package/ngx-nic-parser
Add the NgxNicParserModule to the imports of the module.
import {NgxNicParserModule} from "ngx-nic-parser";
@NgModule({
imports: [
NgxNicParserModule
]
})Add the element to your HTML:
<ngx-nic-parser
[title]="'title'"
[placeholder]="'placeholder'"
(checkDob)="generate($event)"
[id]="'id'"
[patternErrorMessage]="'invalid pattern!'"
[requiredMessage]="'is required!'">
</ngx-nic-parser>And add this to your ts file:
export class AppComponent {
generate($event: any) {
console.log($event);
}
}{
"status": {
"code": 200,
"message": ""
},
"response": {
"day": 9,
"monthName": "JUNE",
"month": 6,
"year": 1999,
"gender": "Male",
"weekDay": "Friday"
}
}| Name | Type | Default | Description |
|---|---|---|---|
title |
string | null | Label Name |
placeholder |
string | null | placeholder for the input field. |
id |
string | null | Id for input field. |
patternErrorMessage |
string | null | Error Message when input an incorrect pattern. |
requiredMessage |
string | null | Field is required message. |
| Name | Type | Description |
|---|---|---|
checkDob |
method | Method to calculate DOB |
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent