Change format number

[Toan Bui]

Hi, I want to format number 1,213,123.32 to 1.213.123,32. Can you help me?

[Berly Christopher]

Hi Toan Bui, 

  

Greetings from Syncfusion support. 

  

We can achieve the requested requirement by loading the German (“de”) culture to the numeric textbox component which help you to render the decimal separator as “,” and group separator as “.”. Please refer the below documentation to load the required culture to the component. 

  

UG Link: https://ej2.syncfusion.com/angular/documentation/numerictextbox/globalization/  

  

Demo Link: https://ej2.syncfusion.com/angular/demos/#/bootstrap5/numerictextbox/default  

  

Regards, 

Berly B.C 

[Toan Bui]

Hi, I try to set culture for enumeric but it's not work. Can you help me?

[Dineshkumar Arumugam]

Hi Toan Bui,  

   

We have prepared a sample to meet your requirement, please refer the below code snippet and sample to get rid of the issue, also please refer the below documentation to load the required culture to the component.  

 

[App.compoent.ts] 

 

import { Component } from '@angular/core'; 

import { loadCldr, L10n } from '@syncfusion/ej2-base'; 

import * as numberingSystems from '../assets/numberingSystems.json'; 

import * as numbers from '../assets/numbers.json'; 

import * as currencyData from '../assets/currencyData.json'; 

import * as currencies from '../assets/currencies.json'; 

 

loadCldr(numberingSystems, numbers, currencyData, currencies); 

 

@Component({ 

  selector: 'app-root', 

  template: `<ejs-numerictextbox locale='de' currency='EUR' format='c2' value='1000'></ejs-numerictextbox>`, 

  styleUrls: ['./app.component.css'] 

}) 

export class AppComponent { 

  ngOnInit(): void { 

 

    L10n.load({ 

      'de': { 

        'numerictextbox': { 

                incrementTitle: 'Wert erhöhen', decrementTitle: 'Dekrementwert' 

            } 

          }   

    }); 

   

  }    

} 

 

 

 

   

Sample : https://www.syncfusion.com/downloads/support/directtrac/general/ze/NumericTextbox1336122030 

Documentation : https://ej2.syncfusion.com/angular/documentation/numerictextbox/globalization/#internationalization 

Please get back to us, if you need any further assistance. 

Regards, 

Dineshkumar A.