首页 > 其他分享 >金额处理currency.js

金额处理currency.js

时间:2023-05-28 14:14:19浏览次数:47  
标签:01 console log format 金额 value js currency

<template>
  <div>
    <el-button type="primary" @click="test">按钮</el-button>
    
    <p>

    </p>
  </div>
</template>

<script>
import currency from 'currency.js'
export default {
  data() {
    return {
      messge:"a",
    }
  },
  methods:{
    test() {
     
      // 数字转换

      // Numbers
      currency(1); // => "1.00"
      currency(123); // => "123.00"
      console.log(currency(123.11))
      console.log(currency(1222222223.11).value)
      console.log(currency("1222222223.11").value)

      // Decimals
      currency(1.00); // => "1.00"
      currency(1.23); // => "1.23"

      // Strings
      currency("1.23"); // => "1.23"
      currency("$12.30"); // => "12.30"
      currency("£1,234,567.89"); // => "1,234,567.89"

      // Currency
      let c1 = currency(1.23);
      let c2 = currency(4.56);
      currency(7.89).add(c1).add(c2); // => "13.68"

      // 金额加减
      2.51 + .01;                   // => 2.5199999999999996
      currency(2.51).add(.01);      // => 2.52
      console.log(currency(2.51).add(.01).value)
      console.log(currency(2.51).add(.01))
      2.52 - .01;                   // 2.5100000000000002
      currency(2.52).subtract(.01); // 2.51

      currency(123.45).multiply(2); // => "246.90"

      currency(123.45).divide(2); // => "61.73"

      //取值
      console.log(currency(123.45).add(0.01).value)

      //精确度 precision 

      currency(1.234, { precision: 2 }); // => "1.23"
      currency(1.234, { precision: 3 }); // => "1.234"


      // separator  分离器

      currency(1234.56, { separator: ',' }).format(); // => "1,234.56"
      currency(1234.56, { separator: ' ' }).format(); // => "1 234.56"

      console.log(currency(111222333444234.56, { separator: ',' }).format())
      console.log(currency(111222333444234.56, { separator: ',' }).format())

       //人民币转换
       const JPY = value => currency(value, { precision: 2, symbol: '¥' });

        console.log(JPY(1234).format()) //¥1,234.00
        console.log(JPY(1234.15).format()) //¥1,234.15

      

      //去掉货币符号
      const MONEY = value => currency(value, { precision: 2, symbol: '' });

      console.log(MONEY(1234).format()) //1,234.00
      console.log(MONEY(1112223334441234.15).format()) //1,234.15
      console.log(MONEY("1112223334441234.15").format()) //1,234.15


    }
  }
}
</script>

<style>

</style>

 

标签:01,console,log,format,金额,value,js,currency
From: https://www.cnblogs.com/xiaobaizitaibai/p/17438187.html

相关文章

  • js 原型链
            ......
  • 错误解决:These dependencies were not found: core-js/modules/es.array.push.js
    错误描述执行npmrundev后报错:Thesedependencieswerenotfound:core-js/modules/es.array.push.jsin./node_modules/@babel/runtime/helpers/objectSpread2.js,./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/@vue/cli-pluvue?vue&type=script&la......
  • threejs创建圆柱体
    threejs创建圆柱体 创建一个几何体(geometry):使用Three.js的几何体类创建一个几何体,该类将定义您的几何体的形状和大小。例如,您可以使用以下代码创建一个圆柱体:vargeometry=newTHREE.CylinderGeometry(5,32,32); 这将创建一个高度为5、半径为32的圆柱体。创建......
  • amzon s3/minio获取预签名上传url,及js使用预签名url上传文件
      $("#btnSubmit").click(function(event){varfile=$("#ipfile")[0].files[0];varcontentType=!!file.type?file.type:"video/x-flv";//请求api接口:调用amzons3/minio的sdk获取临时上传......
  • 如何通过Python将JSON格式文件导入redis?
    摘要:如果希望将JSON文件导入到Redis中,首先要做的就是连接到redis服务。本文分享自华为云社区《Python将JSON格式文件导入redis,多种方法》,作者:梦想橡皮擦。在导入前需要先确定你已经安装Redis,并且可以启动相关服务。windows上启动redis的命令是redis-server.exer......
  • 在jsp中为a标签的href属性拼接动态变量的方法
    在做web项目练习时遇到了一个需要为href拼接动态变量的问题,在jsp中有这么一段代码实现用户的删改功能。首先摆出我一开始错误的代码来说明问题。<html><head><title>人员管理</title></head><body><%//从后端Servlrt获取的一个储存我自定义的Persion对象的ListList<Pers......
  • React18+TS+NestJS+GraphQL全栈开发示例
    React18+TS+NestJS+GraphQL全栈开发示例全栈开发是指一位开发人员可以熟练掌握前端、后端和数据库等多个领域的技术,能够完整地开发一个应用程序。在本文中,我们将介绍如何使用React18+TS+NestJS+GraphQL这个技术组合来进行全栈开发。技术选型在开始开发之前,我们需要选择合适的技术栈......
  • 理解JS中数组的常见应用
    JavaScript中数组是用方括号包裹起来的一组元素,各元素之间以逗号隔开,例如:vararray=[1,2,4,6];如上述代码所示,数组array是若干整数构成的数组。数组元素的获取获取数组元素需采用数组名加下标的方式。下标从0到数组长度减一,第一个元素用arry[0]表示,第二个元素用arry[1]表......
  • jsp学习日志一,基本用法和隐式对象
    基本用法在第一个index.jsp文件中<formaction="monday-01.jsp"><inputtype="text"name="uname"><inputtype="submit"value="提交"></form>而monday.jsp文件中<%Stringa=request.getPa......
  • org.apache.jasper.JasperException: Unable to compile class for JSP: An error occ
    org.apache.jasper.JasperException:UnabletocompileclassforJSP:Anerroroccurredatline:16inthejspfile:/monday-01.jspSystem.outcannotberesolvedtoatype13:<body>14:<%15:Stringa=request.getParameter("uname");......