时间戳

首页 > 解决方案 > 输入框中只显示小数点到 2 位？

jquery - 输入框中只显示小数点到 2 位？

问题描述

我有一个我正在构建的计算器，用户可以在其中在英制和公制之间来回转换单位。

我的代码如下：

oldVal = jQuery(this).val();
oldVal = parseFloat(oldVal);
newConvertedVal = parseFloat((oldVal * 0.1589873).toFixed(2));
jQuery(this).val(newConvertedVal);

我正在使用 .toFixed(2) 因为我将数字修剪到小数点后 2 位。我唯一的问题是，如果我使用以下方法转换回来：

newConvertedVal = parseFloat((oldVal / 0.1589873).toFixed(2));

然后它不会回到完全相同的数字，因为这些是四舍五入的。

出于这个原因，我想停止使用 .toFixed(2) ，但是我的应用程序将显示一些冗长的浮点数。

有没有办法使用完整的数字进行转换，但只显示数字到小数点后 2 位？我已经研究过在 html ( https://www.w3schools.com/tags/att_pattern.asp ) 中使用模式属性，但这不受 Safari 支持。

有任何想法吗？

标签： jqueryhtmlfloating-accuracy

解决方案

我会使用 data 函数来存储数字：

oldVal = jQuery(this).val();
oldVal = parseFloat(oldVal);
var val = (oldVal * 0.1589873);
jQuery(this).data("numberValue", val);
jQuery(this).val(parseFloat(val.toFixed(2)));

您可以稍后以这种方式将其取回（假设此时仍在上下文中）：

var theValue = parseFloat(jQuery(this).data("numberValue"));

推荐阅读