jQuery UI Spinner 不显示带有货币名称的美元符号

Question

我正在使用 jQuery UI 的新微调器小部件。这是初始化/配置:

$(function() {
    $("#amount").spinner({ min: min, max: max, step: 10, start: 10, numberFormat: "C", spin: updateAmounts }).change(updateAmounts);
)};
//min=5; max=500

除了一件事之外，旋转器工作正常。 即使我将 numberFormat 定义为“C”(货币)，它也不会像 demo does 那样显示美元符号。 。微调器本身显示出来，我可以上下旋转它，它遵循指定的最大值和最小值，但没有美元符号。我尝试在 HTML 文本框中的值以及 jQuery UI start 选项中放入美元符号，但没有骰子。

我认为这可能是因为我分配给 spin 事件的函数(updateAmounts，如上所示)，但删除该事件处理程序没有任何改变。我还尝试使文本框本身尽可能基本(删除了 style 和 maxlength 属性)，但没有骰子。我对此进行了一些搜索，但我无法想出任何东西，部分是因为旋转器是新的，部分是因为“美元符号”这个词混淆了事情，以及 jQuery 对它的使用。以下是文本框的 HTML 代码:

<input id="amount" name="amount" value="10" maxlength="4">

我使用的是 jQuery UI 版本 1.9.0 和 jQuery 1.8.2。

Answer 1

您需要指定一种文化，还需要包含 Globalize 库。

链接到您在应用中使用的适当区域性，并在代码中指定它，并添加对 globalise.js 文件的引用。

该示例链接到 <script src="/resources/demos/external/globalize.js"></script>

$("#amount").spinner({ culture: "en-US", min: min, max: max, step: 10, start: 10, numberFormat: "C", spin: updateAmounts }).change(updateAmounts);