美文网首页
常用工具合集

常用工具合集

作者: Peter_2B | 来源:发表于2022-04-15 15:35 被阅读0次
  • 金额千分位
function $currency(value, options) {
      if (typeof options === 'string') {
        options = { symbol: options };
      }
      const {
        offset = 0.01,
        useGrouping = true,         // 是否启用千分位格式; 如: '222,101.00'
        symbol = '',                // 自定义金额前展示符号;如: '#0.11'
        minimumFractionDigits = 2,  // 最小小数位数长度
        maximumFractionDigits = 2,  // 最大小数位数长度
      } = Object(options);
      
      return Number(parseFloat(value * offset) || 0)
        .toLocaleString('arabext', {
          style: 'currency',
          currency: 'CNY',
          useGrouping,
          minimumFractionDigits, 
          maximumFractionDigits,
        })
        //去除默认的¥符号;          默认返回带有¥符号;如: '¥11,111.11'
        .replace(/^(-?)¥(.*)$/, `$1${symbol}$2`);
    };

$currency('11111');      // '111.11'
$currency('asd11');      // '0.00'
  • 实时输入限制金额数字格式 & 输入值小于最小范围取最小,大于最大范围取最大
// 输入  11a                                  ''
// 输入  11                                    11.00

<el-input type="text" v-model="form.withdrawMoney" @input="handleMoneyFormate"/>

handleMoneyFormate() {
                                  //输入内容中 '-' 和 '.' 进行去重,如 '--11..22', 返回 -11.22
    const formatInp = parseFloat( this.form.withdrawMoney.replace(/-+|\.+/g, (m) => m[0]) );
    const inpValue = String(isNaN(formatInp) ? '' : Number(formatInp.toFixed(2)));

    this.form.withdrawMoney = Math.max(this.minRange, Math.min(inpValue, this.maxRange));
},
  • 偏移多少天
function offsetDay(date, offsetDays){
    let defaultDate =  new Date(date) == 'Invalid Date' ?  new Date() : new Date(date);
    let pastDaysTime = defaultDate - 1000 * 60* 60 *24 * offsetDays;
    let startTime = new Date(pastDaysTime);
    var agoDay = `${startTime.getFullYear()}-${String(startTime.getMonth()+1).padStart(2, '0') }-${String(startTime.getDate()).padStart(2, '0')}`
    return agoDay;
}

console.log(offsetDay('2022-03-30', 30));      // 2022/02/28

相关文章

网友评论

      本文标题:常用工具合集

      本文链接:https://www.haomeiwen.com/subject/ynqqertx.html