【问题标题】:Can you add number padding to a bootstrap number input box?您可以将数字填充添加到引导数字输入框中吗?
【发布时间】:2021-12-19 21:20:57
【问题描述】:

如果我使用输入框,像这样:

<input type="number" class="form-control" value="00001" />

我怎样才能使它在按下向上箭头时变为 00002 而不是 2

谢谢!

【问题讨论】:

    标签: javascript html jquery forms bootstrap-4


    【解决方案1】:

    “00001”或“00002”不是数字,但如果你还想这样做,可以这样想:

    在左边添加前导零的功能(num是值,size是字符串的大小)

    function padLeadingZeros(num, size) {
        var s = num+"";
        while (s.length < size) s = "0" + s;
        return s;
    }
    

    然后:

    $(function() {
          $("input").change(function(e){ // If the value changes
                e.preventDefault();
                $(this).val(padLeadingZeros($(this).val(), 5)); //replace the value with the returned value of the function, 5 is size.
          });
    });
    

    【讨论】:

    • 谢谢!我没有使用这个确切的代码,但我确实使用了这个想法。我希望有某种我不知道的格式选项。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-05-14
    • 2019-03-14
    • 2021-01-08
    • 2021-05-17
    • 2021-03-27
    • 1970-01-01
    • 2021-11-25
    相关资源
    最近更新 更多