当前位置: 技术文章>> 在Magento 2中使用JavaScript设置价格格式的步骤:

文章标题:在Magento 2中使用JavaScript设置价格格式的步骤:
  • 文章分类: Magento
  • 15480 阅读
系统学习magento二次开发,推荐小册:《Magento中文全栈二次开发 》

本小册面向Magento2以上版本,书代码及示例兼容magento2.0-2.4版本。涵盖了magento前端开发,后端开发,magento2主题,magento2重写,magento2 layout,magento2控制器,magento2 block等相关内容,带领您成为magento开发技术专家。


在Magento 2中使用JavaScript设置价格格式的步骤:

步骤1:您需要使用以下Magento文件

Magento_Catalog\js\price-utils

如果你已经创建了一个javascript文件,那么只需添加getFormattedPrice()函数并将 Magento_Catalog\js\price-utils文件定义为js。

File Path – app\code\Vendor\Extension\view\frontend\web\js\checkpriceformate.js

define([
    'ko',
    'Magento_Catalog/js/price-utils'
], function (
    ko,
    priceUtils
) {
    'use strict';
 
    return {
 
        getFormattedPrice: function (price)
        {
            var priceFormat = {
                decimalSymbol: '.',
                groupLength: 3,
                groupSymbol: ",",
                integerRequired: false,
                pattern: "$%s",
                precision: 2,
                requiredPrecision: 2
            };
 
            return priceUtils.formatPrice(price, priceFormat);
        }
    }
});

第2步:之后调用所需的getFormattedPrice()函数,并按照以下格式返回价格。

Price Formate : $12.00

步骤3:添加此代码后运行以下命令

php bin/magento setup:upgrade
php bin/magento setup:static-content:deploy -f
php bin/magento cache:flush

结论:

因此,您可以在Magento 2中借助JavaScript设置价格格式。


推荐文章