如何禁用 Kendo UI NumericTextBox 上的点？

Question

如何禁用 Kendo UI NumericTextBox 上的点？

i.s*_*ori 2 javascript jquery kendo-ui kendonumerictextbox

我需要将数字字段设置为仅整数，以便该字段不接受小数。我什至不希望该字段近似，只是不接受点或逗号。

根据文化，它接受数字分隔符（例如 EN 是点，IT 是逗号）

这是我尝试过的代码

$("#numerictextbox").kendoNumericTextBox({
     culture: "en-US",
     step: 500,
     spinners: false,
     format: "#",
     decimals: 0
});

Run Code Online (Sandbox Code Playgroud)

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>Kendo UI Snippet</title>

    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.common.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.rtl.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.silver.min.css"/>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.3.1023/styles/kendo.mobile.all.min.css"/>

    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/kendo.all.min.js"></script>
 <script src="https://kendo.cdn.telerik.com/2019.3.1023/js/cultures/kendo.culture.en-US.min.js?bust=v21"></script>
</head>
<body>
  
<input id="numerictextbox" />
</body>
</html>

Run Code Online (Sandbox Code Playgroud)

在这里您可以找到带有意大利文化示例的道场链接，在本例中它会阻止逗号

Answer 1

The*_*hen 6

尝试使用restrictDecimals配置选项。

$("#numerictextbox").kendoNumericTextBox({
    culture: "en-US",
    step: 500,
    spinners: false,
    format: "#",
    decimals: 0,
    restrictDecimals: true
});

Run Code Online (Sandbox Code Playgroud)

通过此配置，逗号和点的行为类似于输入字母（红色感叹号闪烁）。

例子

归档时间：	6 年前
查看次数：	3318 次
最近记录：	2 年，4 月前