📜  jQWidgets jqxNumberInput groupSize 属性(1)

📅  最后修改于: 2023-12-03 15:16:55.835000             🧑  作者: Mango

jQWidgets jqxNumberInput - groupSize 属性介绍

简介

jQWidgets jqxNumberInput是一个用于输入数字的jQuery插件,可以方便地配置数字的范围和步长,并支持格式化和本地化等功能。其中,groupSize属性用于设置数字框中每一组数字的位数,可以帮助用户更好地识别数字并降低输入错误的风险。

语法
$('#jqxNumberInput').jqxNumberInput({
    groupSize: 3
});
参数
  • groupSize: 数字框中每一组数字的位数。默认值为3。
示例
$('#jqxNumberInput').jqxNumberInput({
    decimalDigits: 2,
    min: 0,
    max: 1000000,
    inputMode: 'simple',
    groupSize: 3
});

上述代码将创建一个数字框,其中每一组数字由3个位数组成,可以输入范围在0到1000000之间的数字,并设置保留2位小数。

注意事项
  • groupSize属性只在数字框为整数模式时有效,即当decimalDigits为0时。
  • 如果数字框的值小于groupSize,则不会在最前面添加分组符号。
  • 请根据实际需求设置groupSize的值,过小或过大都可能会导致阅读和输入不便。
  • 如果不需要分组符号,请将groupSize的值设置为0。
参考链接