How to format a money value (e.g. price) in JavaScript?

dmitrii_fediuk (Dmitrii Fediuk) August 6, 2016, 11:26pm 1

Use the priceFormat() method of the Magento_Catalog/js/price-utils class:

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Catalog/view/base/web/js/price-utils.js#L26-L33


/**
 * Formatter for price amount
 * @param  {Number}  amount
 * @param  {Object}  format
 * @param  {Boolean} isShowSign
 * @return {String}              Formatted value
 */
function formatPrice(amount, format, isShowSign) {

A usage example:

github.com

magento/magento2/blob/2.1.0/app/code/Magento/Checkout/view/frontend/web/js/view/estimation.js#L35-L37


getFormattedPrice: function (price) {
    return priceUtils.formatPrice(price, quote.getPriceFormat());
},

How is a price rendered on a frontend product view page?

The Magento_Catalog/js/price-utils::formatPrice() pollutes the global formatting settings with local ones because of a wrong lodash extend / assignIn usage

The global «groupLength» property has an incorrect «,» value instead of a natural number in Magento_Catalog/js/price-utils

dmitrii_fediuk (Dmitrii Fediuk) July 15, 2017, 6:25am 2

See also: