如何在ApplePayJS中修改显示的价格格式？

ApplePayJS价格格式调整问题解答 #

Apple Pay JS 不支持直接在newTotal.amount字段传入格式化后的价格字符串，你遇到的报错是该字段的格式校验规则导致的，以下是具体说明和解决方案：

核心规则说明 #

amount字段的官方要求是仅可传入符合ISO 4217货币规范的纯数值字符串，只能包含数字和小数点，不允许出现千位分隔符、空格、货币符号等额外字符，只要传入不符合要求的内容就会触发校验错误。

价格显示逻辑 #

你不需要手动调整Apple Pay支付弹窗内的价格格式：

• 弹窗内的价格展示完全由Apple Pay系统根据用户设备的区域设置、所选货币的规范自动渲染，会自动适配当地用户的阅读习惯
• 你只需要给amount传入不带任何格式的正确金额字符串即可，比如1200欧元直接传"1200.00"，系统会自动给不同区域的用户展示对应的格式：比如欧元区用户可能看到1 200,00 €，使用英语区域的用户会看到€1,200.00，无需额外处理

自定义格式实现方案 #

如果你需要在Apple Pay弹窗之外的页面展示自定义格式的价格，可以直接使用JS原生的Intl.NumberFormatAPI处理，示例代码如下：

// 示例：格式化1200欧元为1,200.00 €格式
const amount = 1200;
const formattedPrice = new Intl.NumberFormat('en-US', {
  style: 'currency',
  currency: 'EUR',
}).format(amount).replace('€', '') + ' €';
// 输出结果为 "1,200.00 €"

注意事项 #

• amount即使是整数也要补全对应货币的小数位，比如欧元保留2位、日元保留0位，避免精度校验失败
• 不要用Number类型传递amount值，务必转成字符串，避免浮点数精度丢失导致金额错误
• 不要给amount添加任何格式化字符，所有格式调整都需要在Apple Pay组件之外自行实现

内容的提问来源于stack exchange，提问作者Thanh-Quy Nguyen