How to Set Price Format using JavaScript in Magento 2?

When you pass price value phtml to js , you need to display price with currency from js.

Use ‘Magento_Catalog/js/price-utils’ priceUtils Js object in your custom javascript file to set currency to price.

Then add getFormattedPrice() function in your file to display currency symbol with price from javascript.

define([
    'ko',
    'Magento_Catalog/js/price-utils'
], function (
    ko,
    priceUtils
) {
    'use strict';
    return {
        /**
         * Formats the price with currency format
         *
         * @param {number}
         * @return {string}
         */
        getFormattedPrice: function (price) {
            var priceFormat = {
                decimalSymbol: '.',
                groupLength: 3,
                groupSymbol: ",",
                integerRequired: false,
                pattern: "₹%s",
                precision: 2,
                requiredPrecision: 2
            };
            return priceUtils.formatPrice(price, priceFormat);
        }
    }
});

define([

'ko',

'Magento_Catalog/js/price-utils'

], function (

ko,

priceUtils

) {

'use strict';

return {

/**

* Formats the price with currency format

* @param {number}

* @return {string}

getFormattedPrice: function (price) {

var priceFormat = {

decimalSymbol: '.',

groupLength: 3,

groupSymbol: ",",

integerRequired: false,

pattern: "₹%s",

precision: 2,

requiredPrecision: 2

};

return priceUtils.formatPrice(price, priceFormat);

}

});

Fill the below form if you have any Magento programming need.

Make your site sales-friendly by optimizing the search box
The search box is the most underrated functionality that is...
Why should you have a Magento support agency?
Managing and customizing Magento site can be a daunting task,...
Hire Magento Developers as Per Your Flexibility and Requirements
Having an in-house eCommerce developer is very costly, and it...
5 Mistakes in Magneto are killing your conversion rates!!
Have you wonder why your conversions are less compare to...
Is your eCommerce well maintained?
According to a research, around 68% of eCommerce stores are...

Author Info

Magento Developer

Hire G. Patel

Fill the form & Get Installation Support