HTML表格单元格中数字格式的显示与处理指南

<table>
  <thead>
    <tr>
      <th>示例1 (点作小数)</th>
      <th>示例2 (逗号作小数)</th>
      <th>示例3 (点作千位，逗号作小数)</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>3.14</td>
      <td>3,14</td>
      <td>300.124,124</td>
    </tr>
    <tr>
      <td>1234.56</td>
      <td>1234,56</td>
      <td>1.234,56</td>
    </tr>
    <tr>
      <td>1000000</td>
      <td>1.000.000</td>
      <td>1,000,000.00</td>
    </tr>
  </tbody>
</table>

function getOrderProductInfo() {
  var table = $("#edit_print_costs_table_body");
  var year = parseInt($("#existing_seasons_input_field").val(), 10);
  var season = $("#existing_seasons_input").val();

  $.get("@(Url.Action("GetOrderProduktInfo", "MaillingOrder"))" + '?year=' + year + '&season=' + season,
    function(resp) {
      var result = resp.Value;
      if (result.length > 0) {
        table.html("");
        result.forEach(function(v) {
          // 假设 v.Amount, v.PricePerUnit, v.TotalPrice 是数字类型
          // 在插入HTML前进行格式化

          // 1. 默认语言环境格式化：根据用户浏览器设置的语言环境自动格式化
          var formattedAmount = v.Amount.toLocaleString(); 

          // 2. 指定德国语言环境 (de-DE)：通常点作千位分隔符，逗号作小数分隔符
          //    并指定保留两位小数
          var formattedPricePerUnit = v.PricePerUnit.toLocaleString('de-DE', { 
            minimumFractionDigits: 2, 
            maximumFractionDigits: 2 
          });

          // 3. 指定美国语言环境 (en-US)：通常逗号作千位分隔符，点作小数分隔符
          //    并指定保留两位小数
          var formattedTotalPrice = v.TotalPrice.toLocaleString('en-US', { 
            minimumFractionDigits: 2, 
            maximumFractionDigits: 2 
          });

          table.append(
            "<tr id='" + v.ID + "'>" +
              "<td>" + formattedAmount + "</td>" +
              "<td>" + formattedPricePerUnit + "</td>" +
              "<td>" + formattedTotalPrice + "</td>" +
              "<td><button class='editButtonProduct'>edit</button></td>" +
              "<td><button class='deleteButtonProduct'>Delete</button></td>" +
            "</tr>"
          );
        });
      } else {
        // 处理无数据情况，例如显示“无数据”信息
        table.html("<tr><td colspan='5'>暂无相关产品信息。</td></tr>");
      }
    }
  ).fail(function() {
      // 处理请求失败情况
      console.error("获取订单产品信息失败。");
      table.html("<tr><td colspan='5'>加载数据失败。</td></tr>");
  });
}

// 假设从<td>中获取到字符串 "1.234,56" (欧洲格式)
let europeanNumberString = "1.234,56";
// 转换为标准格式 "1234.56"：先移除所有点作为千位分隔符，然后将逗号替换为点作为小数分隔符
let standardNumberString1 = europeanNumberString.replace(/\./g, '').replace(',', '.');
let numberValue1 = parseFloat(standardNumberString1); // 结果为 1234.56

// 假设从<td>中获取到字符串 "1,234.56" (美国格式)
let americanNumberString = "1,234.56";
// 转换为标准格式 "1234.56"：移除所有逗号作为千位分隔符
let standardNumberString2 = americanNumberString.replace(/,/g, '');
let numberValue2 = parseFloat(standardNumberString2); // 结果为 1234.56

console.log(numberValue1); // 1234.56
console.log(numberValue2); // 1234.56