后端中的条纹支付整数金额 - 想要在 .hbs 前端转换为漂亮的 $USD.XX

Question

我环顾四周，但无法获得我的目标结果。我所有的 Stripe Payment 货币值都存储为默认整数，并以这种方式保存在数据库中。当我从数据库中提取值并将它们加载到变量中以传递给车把呈现页面时，当我保留相同的表单值并将其传递给 Stripe 的支付按钮时，我可以看到没有预期小数点的值，将整数金额传递给此按钮可获得付款中预期的值，但我该怎么做才能在前端格式化该整数以为其提供漂亮的 $USD.XX 值，同时保持数据库使用整数？当我在 returns 这些值的路径中将金额除以 100 时，此转换后的值会返回到支付按钮，并在弹出支付对话框时发送较低的金额。我想通过拦截整数来避免这个问题，只为前端执行格式转换以显示漂亮。我还有一个可以编辑它的表单，但我不希望我的用户不得不担心只需要输入一个整数值，所以希望过滤器能像自动取款机一样响应，当你开始在那里输入值时，便士首先......我只是找不到解决这个问题的简单按钮。

Answer 1

我达到了我想要的效果，

我所做的工作是创建 'placeholder' 变量，这些变量将以字符串形式保存格式化金额的值，即。 Model.balance 的 bal，Model.quote 的 quo，Model.credit.

的 cre

在路由中将进行转换：使用格式化代码设置临时占位符变量并将其传递出去以呈现...

           job.bal = parseFloat(Math.round(job.balance / 100)).toFixed(2).toString();
           job.cre = parseFloat(Math.round(job.credit / 100)).toFixed(2).toString();
           job.quo = parseFloat(Math.round(job.quote / 100)).toFixed(2).toString();

返回值包含这些临时占位符值，其格式符合我正在寻找的格式。

注意：我必须将占位符变量添加到 Model.Schema 中，并且还要添加到创建此模式的实例中，然后才能用 parseFloat(...)[=12 填充它=]

在那之后，我能够在 .hbs 中查看将小数的金额值呈现为字符串，然后显示在显示这些值的视图中。

当我点击“立即付款”按钮时，它会将原始的 {{balance}} 传递到

 data-amount: {{balance}}

我使用 {{balance}} 等作为 Stripe 喜欢的后端整数格式，然后使用 {{bal}} 等作为前端视图，让用户在 toFixed( 2) 十进制视图。

这是否是最佳实践，可能不是，但这是我发现、实施并希望分享的解决方案。

后端中的条纹支付整数金额 - 想要在 .hbs 前端转换为漂亮的 $USD.XX

Stripe Payment Integer Amount in Backend - Want to translate to pretty $USD.XX in .hbs frontend

cart

node.js

express

handlebars.js

stripe-payments