javascript - 使用 kendoNumericTextBox 输入货币号码

Question

我正在用剑道做一个 View ，在该 View 中用户应该输入他的费用金额，但我的 View 不接受带小数的值!也就是说，如果我输入 12 就可以了，但如果我输入 12.256，它会显示一个异常!!

我想接受如下值:12.250 0.120 ....

这是我的观点:

<div class="form-group">
  <div class="col-md-6 col-sm-6">
    <label class="cke_label" for="Montant">Montant Recette</label>
  </div>
  <div class="col-md-6 col-sm-6">
    <input type="number" required="" style="text-align: right; width: 100%; background-color: inherit;" placeholder="Montant" data-number-to-fixed="2" data-number-stepfactor="100" class="currency" id="Montant" name="Montant">
    <span class="field-validation-valid text-danger" data-valmsg-for="Montant" data-valmsg-replace="true"></span>
  </div>
  <script>
    $(document).ready(function() {
      Montant.value = $("#Montant").kendoNumericTextBox({
        format: 'n3',
        toFixed: '3',
        value: "0.000",
        min: "0",
        step: "0.001"
      }).data("kendoNumericTextBox");
    });
  </script>
</div>

这是我的 Controller :

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Create([Bind(Include = "EncaissementID,libelle,DateEncaissement,Montant,ProjetID,Description")] Encaissement encaissement) {
  encaissement.Montant = Convert.ToDecimal(encaissement.Montant);
  if (ModelState.IsValid) {
    db.Encaissements.Add(encaissement);
    db.SaveChanges();
    return RedirectToAction("Index", "Encaissement");
  };
  ViewBag.ProjetID = new SelectList(db.Projets, "ProjetId", "nomP");
  return View(encaissement);
}

Answer 1

您的问题对于您正在寻找的格式有点含糊(您想要逗号还是点作为小数分隔符)。

基本上，您需要做的第一件事就是包含文化 js 文件:

<script src="http://cdn.kendostatic.com/2014.1.318/js/cultures/kendo.culture.en-US.min.js"></script>

如果您想要点作为输入，您可以使用kendo.culture.en-US.min.js，或者如果您想使用逗号，您可以使用kendo。 culture.fr-CA.min.js。这些只是示例...您可以根据您所在的位置选择任何其他文化文件。

然后您需要通过将文化传递给 kendo.culture 函数来告诉 kendo 他应该使用哪种文化:

kendo.culture("fr-CA");

您可以引用kendo's number formatting documentation有关 kendo 如何处理数字格式的更多详细信息。