Globalization Support in MaskEdit

28 Jun 20182 minutes to read

We have provided the globalization support in MaskEdit control. Our MaskEdit control mainly rendered based on the maskFormat property, so we have provided the globalization support based on the maskFormat literals. We have given this globalization support option on below maskFormat literals in MaskEdit control. You can change the globalization by using the locale property. The default value for locale property is ‘en-US’ in MaskEdit control.

Formats	Description
$	Currency symbol value will be changed based on the corresponding culture.
.	Decimal Separator value will be changed based on the corresponding culture.
,	Thousand Separator will be changed based on the corresponding culture.

To know more about EJ globalize support, please refer the below link

https://help.syncfusion.com/js/localization

The following example describes the way to use localization for MaskEdit widgets.

Refer the below German culture file in head section of HTML page after the reference of ej.web.all.min.js file.

JAVASCRIPT

<script src="http://cdn.syncfusion.com/28.1.33/js/i18n/ej.culture.de-DE.min.js"></script>

HTML

<table cellpadding="10">
    <tbody>
        <tr>
            <td>
                <label for="mask">Mask Edit</label>
            </td>
            <td>
                <input id="maskedit" type="text" />
            </td>
        </tr>
    </tbody>
</table>

JAVASCRIPT

//MaskEdit 
        $("#maskedit").ejMaskEdit({
                     locale: "de-De", //specifies the culture for MaskEdit control
                     width: "100%",
                     maskFormat:"$99,999.99",
			         value:”1234567”
        });

The output for MaskEdit with Globalization.

MaskEdit with de-DE locale

MaskEdit with en-US locale