knockout.js - ノックアウト.jsに数値テキストボックスを実装するにはどうすればよいですか?

Question

これは非常に良いサンプルですが、別のフレームワーク (KendoUI) を使用しています: http ://demos.kendoui.c​​om/web/numerictextbox/index.html

別のフレームワークなしで実装するにはどうすればよいですか (knockout.js+jquery のみ)

編集：

数字以外の文字の入力を防止する必要があります。

Answer 1

I would start by taking a look at the documentation on extenders, where there's an example similar to what you're looking for:

http://knockoutjs.com/documentation/extenders.html

You may also want to take a look at the documentation on custom bindings:

http://knockoutjs.com/documentation/custom-bindings.html

---

UPDATE take a look at this post: https://stackoverflow.com/a/891749/418613

that might be the easiest way to restrict input to numbers only

Answer 2

これは単純なトリックです... 2 つの入力があります。値がフォーマットされたものを表示し、もう一方を非表示にし、イベント (クリック) でそれを変更し、フォーカスが失われたときに入力を変更します。

これが剣道のソースコードです: Formatted(visible):

<input type="text" class="k-formatted-value k-input" tabindex="0" aria-disabled="false" aria-readonly="false" style="display: inline-block;">

未フォーマット (非表示):

<input id="currency" type="text" value="30" min="0" max="100" data-role="numerictextbox" role="spinbutton" class="k-input" aria-valuemin="0" aria-valuemax="100" aria-valuenow="30" aria-disabled="false" aria-readonly="false" style="display: none;"><span class="k-select">