input框金额实时转成千分位显示

<div class="form-group">
    <label for="c-amount" class="control-label col-xs-12 col-sm-2">{:__('LoanAmount')}:</label>
    <div class="col-xs-12 col-sm-4">
        <input id="c-amount" data-rule="required" class="form-control" name="row[amount]" type="text" value="{$row.amount|htmlentities}" onkeyup="format_to_locale_string(this)">
    </div>
</div>

<script>
    /**
     * 金额转换成千分位格式
     * @param th
     */
    function format_to_locale_string(th)
    {
        let num = $(th).val();
        if (!num || num <= 0) {
            return ;
        }
        num = parseFloat(num.replace(/[^\d\.-]/g, "")); // 转换成非千分位的数字类型
        num = num.toLocaleString();
        $(th).val(num);
    }
</script>