这是非常好的示例，但使用了另一个框架（KendoUI）：http ://demos.kendoui.com/web/numerictextbox/index.html
我如何在没有其他框架的情况下实现它（仅限 knockout.js+jquery）
编辑：
我必须防止非数字字符进入。
问问题
9685 次
2 回答
4
我将首先查看有关扩展程序的文档，其中有一个类似于您正在寻找的示例：
http://knockoutjs.com/documentation/extenders.html
您可能还想查看有关自定义绑定的文档：
http://knockoutjs.com/documentation/custom-bindings.html
更新看看这篇文章：https ://stackoverflow.com/a/891749/418613
这可能是将输入限制为仅数字的最简单方法
于 2012-07-30T03:35:11.377 回答
1
这是一个简单的技巧……您有 2 个输入：一个具有未格式化的值（可观察），另一个具有格式化的值（计算？）。使具有格式化的值和隐藏的另一个可见，并在事件（单击）上更改它，反之亦然，失去焦点更改输入。
这是剑道的源代码：格式化（可见）：
<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">
于 2013-11-16T05:22:07.550 回答