如何禁用 Kendo UI NumericTextBox 上的点？

Question

我只需要制作一个数字字段 integer，这样该字段不接受小数。我 not 甚至不喜欢 approximate 的字段，只是不接受点或逗号。

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

这是我试过的代码

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

<!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>

在这里你可以找到 link 到 dojo 以意大利文化为例，在这种情况下它阻止了逗号

Answer 1

尝试使用 restrictDecimals 配置选项。

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

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

Example

如何禁用 Kendo UI NumericTextBox 上的点？

How to disable dots on Kendo UI NumericTextBox?

javascript

jquery

kendo-ui

kendonumerictextbox