Numeral.js数字格式化

翻译自 Numeral.js

用它

在浏览器中

<script src="numeral.min.js"></script>

或者引用从cdnjs.com

<script src="http://cdnjs.cloudflare.com/ajax/libs/numeral.js/2.0.6/numeral.min.js"></script>

在Node.js中

npm install numeral
var numeral = require('numeral');

创建

创建数字的实例。数字采用它转换为数字的数字或字符串。

var myNumeral = numeral(1000);var value = myNumeral.value();
// 1000var myNumeral2 = numeral('1,000');var value2 = myNumeral2.value();
// 1000

格式

数字可以格式化为货币，百分比，时间，甚至是带有小数位，数千和缩写的普通旧数字。您始终可以创建自定义格式。

var string = numeral(1000).format('0,0');
// '1,000'

Numbers

Currency

Bytes

Percentages

Time

Exponential

功能

值
该值始终可用。

var number = numeral(1000);var string = number.format('0,0');
// '1,000'var value = number.value();
// 1000

操作

并不是说你会经常使用它们，但是当你需要它们时它们就在那里。

var number = numeral(1000);var added = number.add(10);
// 1010

设置

设置数字对象的值。

var number = numeral();number.set(1000);var value = number.value();
// 1000

差异

找出数字对象和值之间的差异

var number = numeral(1000),value = 100;var difference = number.difference(value);
// 900

克隆

当你在它时，继续克隆任何数字对象。

var a = numeral(1000);
var b = numeral(a);
var c = a.clone();var aVal = a.set(2000).value();
// 2000var bVal = b.value();
// 1000var cVal = c.add(10).value();
// 1010

设置

默认格式

设置默认格式，以便您可以使用不带字符串的.format（）。默认格式为'0,0'

var number = numeral(1000);number.format();
// '1,000'numeral.defaultFormat('$0,0.00');number.format();
// '$1,000.00'

自定义零和空格式

格式化数字值为0或null时设置自定义输出

var number = numeral(0);
var nullNumber = numeral(null);numeral.zeroFormat('N/A');
numeral.nullFormat('N/A');var zero = number.format('0.0')
// 'N/A'var na = nullNumber.format('0.0')
// 'N/A'

本地化

让我们到处都可以使用它！

// load a locale
numeral.register('locale', 'fr', {delimiters: {thousands: ' ',decimal: ','},abbreviations: {thousand: 'k',million: 'm',billion: 'b',trillion: 't'},ordinal : function (number) {return number === 1 ? 'er' : 'ème';},currency: {symbol: '€'}
});// switch between locales
numeral.locale('fr');

由于我不熟悉地球上的每个地区，请随意通过提交拉取请求来创建您自己的语言环境文件。不要忘记创建语言环境文件（例如：locales / fr.js）和语言环境测试（例如：tests / locales / fr.js）。谢谢你的帮助。

格式

添加自己的自定义格式就像添加区域设置一样简单。

// load a format
numeral.register('format', 'percentage', {regexps: {format: /(%)/,unformat: /(%)/},format: function(value, format, roundingFunction) {var space = numeral._.includes(format, ' %') ? ' ' : '',output;value = value * 100;// check for space before %format = format.replace(/\s?\%/, '');output = numeral._.numberToFormat(value, format, roundingFunction);if (numeral._.includes(output, ')')) {output = output.split('');output.splice(-1, 0, space + '%');output = output.join('');} else {output = output + space + '%';}return output;},unformat: function(string) {return numeral._.stringToNumber(string) * 0.01;}
});// use your custom format
numeral().format('0%');

致谢

Numeral.js虽然不那么复杂，却受到Moment.js的启发并大量借用

Numeral.js数字格式化相关推荐

js 数字格式化，只能输入正负整数，小数
1.只能输入正整数 <input name="columnValue" class="input96 required" type="text& ...
js 数字格式化—转化为k w单位显示
评论数啊工资钱数啊经常需要对数字进行处理~ 单位转化为k(千)或 w(万),并保留一位小数 1e3为10的三次幂=1000 1e4=10000 format(num){if(num >= 1 ...
Numeral.js 是一个用于格式化和数字四则运算的js 库
1.Numeral.js 是一个用于格式化和数字四则运算的js 库. 2.支持多种语言,包括中文在内的17种语言. 在浏览器中引用js文件: <script src="numeral. ...
前端利用numeral处理数字和时间格式化
最近在写页面输入数字的验证规则也是我们常遇见的比如不允许输入字母,小数点不允许0开头的数字,不允许输入e等等验证规则之前还在繁琐的自己写代码验证包括正则现在可以利用 numeral去 ...
数字格式化工具：Numeral.js 简介
2019独角兽企业重金招聘Python工程师标准>>> Numeral.js 是一个用于格式化和操作数字的 JavaScript 库.数字可以格式化为货币,百分比,时间,甚至是小数, ...
JS日期格式化——数字日期转中文日期（封装函数，dayjs时间格式化YYYY-MM-DD）
JS数字日期转中文日期往期相关文章场景复现封装函数(数字日期转中文日期) 实际应用往期相关文章文章内容文章链接 JS数组对象--根据日期进行排序,按照时间进行升序或降序排序 https:/ ...
javascript时间格式format函数，js日期格式化函数
我在之前有一篇文章,写的是"javascript时间戳函数",大家可以看一下,记录了js时间戳的转换,今天主要写的函数式日期格式化函数,我们有时候调用的new Date()不是格式 ...
js日期格式化精髓总结
1.js获取日期的年月日,时分秒的方法 var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); // ...
使用 .toLocaleString() 轻松实现多国语言价格数字格式化
用代码对数字进行格式化,显然不是逢三位加逗号这么简单.比如印度在数字分位符号上的处理,就堪称业界奇葩: 印度的数字读法用"拉克"(十万)和"克若尔"(千万),数 ...

Numeral.js数字格式化

用它

创建

格式

功能

设置

本地化

格式

致谢

Numeral.js数字格式化相关推荐

最新文章

热门文章