Cleave.js javaScript library for formatting input text content when you are typing.
Add Package
npm install ngx-mask --save
Remove Package
npm uninstall ngx-mask or you can remove package by removing specific package from package.json
Date Formatting:
| Title |
Template |
| Date |
<input type="text" class="form-control" mask="00/00/0000" placeholder="DD-MM-YYYY" id="cleave-date">
|
| Date Formatting |
<input type="text" class="form-control" mask="00/00" placeholder="MM/YY" id="cleave-date-format">
|
Time Formatting:
| Title |
Template |
| Time |
<input type="text" class="form-control" mask="00:00:00" placeholder="hh:mm:ss" id="cleave-time">
|
| Time Formatting |
<input type="text" class="form-control" mask="00:00" placeholder="hh:mm" id="cleave-time-format">
|
Custom Option:
| Title |
Template |
| Credit Card |
<input type="text" class="form-control" id="cleave-ccard" mask="0000 0000 0000 0000" placeholder="xxxx xxxx xxxx xxxx">
|
| Delimiter |
<input type="text" class="form-control" id="cleave-delimiter" mask="AAA·AAAA·AAA" [specialCharacters]="[ '[' ,']' , '·' ]" placeholder="xxx·xxx·xxx">
|
| Delimiters |
<input type="text" class="form-control" id="cleave-delimiters" mask="AAA.AAA.AAA-AA" placeholder="xxx.xxx.xxx-xx">
|
| Prefix |
<input type="text" class="form-control" value="PREFIX-" mask="AAAA-AAAA-AAAA-AAAA" id="cleave-prefix">
|
| Phone |
<input type="text" class="form-control" id="cleave-phone" mask="(000)000-0000" placeholder="(xxx)xxx-xxxx">
|
| Numeral Formatting |
<input type="number" class="form-control" placeholder="Enter numeral" id="cleave-numeral">
|
