时间戳

首页 > 解决方案 > 如何在表格中使用逗号作为千位分隔符，javascript

javascript - 如何在表格中使用逗号作为千位分隔符，javascript

问题描述

我想打印一个以逗号作为分隔符的整数，例如价格列中的 10,234,234。我已经制作了这个功能，但我有点困惑如何在表格中制作它。下面是我的代码

 <table class="table">
     <tr>
      <th> Item</th>
      <th>Price</th>
     </tr>
      @foreach (SHOP.ViewModels.ItemViewModel item in Model.Itemss)
      {
         <tr>
           <td> @Html.DisplayFor(modelitem => item.itemName) </td>
           <td> @Html.DisplayFor(modelitem => item.itemPrice)</td>
         </tr>
      }
      <tr>
          <td></td>
            <td> @Html.EditorFor(model => model.TotalPrice, new { htmlAttributes = new { @class = "form-control", @onchange = "validationCheck();", @readonly = "readonly" } }) </td>
      </tr>
 </table>
 <script>
    function numberSeparator(x) {
        return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
    }
 </script>

标签： javascriptrazor

解决方案

您可以使用toLocaleString逗号分隔符显示数字

let num = 1000000
let display = num.toLocaleString('us-US')
console.log(display)   // 1,000,000

我怀疑你的代码可以这样工作

@foreach (SHOP.ViewModels.ItemViewModel item in Model.Itemss)
  {
     <tr>
       <td> @Html.DisplayFor(modelitem => item.itemName) </td>
       <td> @Html.DisplayFor(modelitem => item.itemPrice.toLocaleString('us-US'))</td>
     </tr>
  }

推荐阅读