javascript - 允许在 ShieldUI NumericTextBox 中输入欧洲格式

Question

默认情况下，ShieldNumericTextBox 不允许输入逗号并自动将输入的数字格式化为美国格式(例如，输入 10000 后，它将变为 10,000)。

我想将默认格式更改为欧洲格式，我在文本框的开头找到了 (textTemplate) 选项，但它对我格式化输入不起作用，它对在旁边添加文本很有用数量(例如 KG、EUR...等)。

$("#numericTextBox").shieldNumericTextBox({
    textTemplate: "{0:##,##}", // The numbers in my case are percentages with 2 digits after decimal.
    min: 0,
    max: 1,
    step: 0.01,
    spinners: true
});

当用户完成输入并将焦点移出文本框时，此文本模板将输出相同的字符串 ("{0:##,##}")。

而且它不会在键入时格式化，只有在您完成并将焦点从输入中移开时才会格式化，所以它不会有太大帮助。有帮助吗？

Answer 1

ShieldUI 使用 Globalize JS 来处理特定于文化的值格式设置。

在您的情况下，您应该首先将区域性设置为使用逗号而不是句点将数字的整数与小数位分开的区域性。然后您可以为 textTemplate 设置一种格式，以将其显示为具有 2 个十进制数字的数值，如下所示:

<!-- include the globalize culture -->
<script src="globalize.culture.de.js" type="text/javascript">//</script>

<script type="text/javascript">
$(document).ready(function () {
    // set a German Globalize culture
    Globalize.culture("de");

    $("#numericTextBox").shieldNumericTextBox({
        textTemplate: "{0:n2}", // display as numeric having 2 decimal fields
        min: 0,
        max: 1,
        step: 0.01,
        spinners: true
    });

});
</script>

另一种操作显示文本的方法是为 textTemplate 的值提供如下所示的函数:

textTemplate: function(value) { return "_custom_formatted_string_"; }

这将用逗号替换所有句点。