BinaryDevelop
  1. ホーム
  2. javascript

[解決済み] Kendo UI NumericTextBoxでドットを無効にする方法は？

2022-02-18 16:02:59

質問

数値フィールドを作りたい のみ 整数 そのため、フィールドは小数を受け付けません。 私なら ない にすることも可能です。 近似 ポイントやカンマを受けつけないだけです。

文化に基づき、数字の区切り文字を受け入れます（例：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>

ここでは、リンク先として 道場 イタリア文化の例で、この場合はカンマをブロックしています。

解決方法は？

を使ってみてください。 restrictDecimals という設定オプションがあります。 

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

この設定では、カンマとポイントは文字入力と同じように動作します(赤い感嘆符)。

例

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します