FE.ES-了解JS数据本土化

zqhxuyuan 发布于2019-08-23 16:29 / 518人阅读

摘要：相对时间本土化支持昨天前天数字本土化分组逗号分隔科学计数保留位小数保留位百分制货币人民币汉字一二三四五六七八九一二三四五六二日期时间本土化时间本土化上午日期本土化配置项

相对时间本土化

支持 "second", "minute", "hour", "day", "week", "month", "quarter", "year"

var rtf = new Intl.RelativeTimeFormat("zh-Hans-CN",{numeric: "auto"});

rtf.format(-1, "day");
//"昨天"

rtf.format(-2, "day");
//"前天"

var rtf = new Intl.RelativeTimeFormat("en", { numeric: "auto" });
rtf.format(-1, "day");
// "yesterday"
rtf.format(1, "day");
//"tomorrow"

数字本土化 分组逗号分隔

(1234.2345).toLocaleString("en-US",{useGrouping:true});
//"1,234.235"

科学计数保留位

(1234.2345).toLocaleString("zh-CN", {style:"decimal",maximumSignificantDigits:2});
//"1,200"

小数保留位

(1234.2345).toLocaleString("zh-CN", { style: "decimal",maximumFractionDigits:3});
//"1,234.235"

百分制

(1234.2345).toLocaleString("zh-CN", { style: "percent",maximumFractionDigits:2});
//"123,423.45%"

货币

(1234.23).toLocaleString("zh-CN", { style: "currency",currency:"CNY",
                                    currencyDisplay:"symbol",
                                    maximumFractionDigits:2});
//"￥1,234.23"
(1234.23).toLocaleString("zh-CN", { style: "currency",currency:"CNY",
                                    currencyDisplay:"code",
                                    maximumFractionDigits:2});
//"CNY 1,234.23"
(1234.23).toLocaleString("zh-CN", { style: "currency",currency:"CNY",
                                    currencyDisplay:"name",
                                    maximumFractionDigits:2});
//"1,234.23 人民币"

汉字

(1234567890).toLocaleString("zh-Hans-CN-u-nu-hanidec",{useGrouping:false})
//"一二三四五六七八九〇"
(123456.0199).toLocaleString("zh-Hans-CN-u-nu-hanidec")
//"一二三,四五六.〇二"

日期时间本土化

var date=new Date(Date.UTC(2012, 11, 20, 3, 0, 0))
Intl.DateTimeFormat("en-US").format(date)//"12/20/2012"
Intl.DateTimeFormat("en-GB").format(date)//"20/12/2012"
Intl.DateTimeFormat("ko-KR").format(date)//"2012. 12. 19."
Intl.DateTimeFormat("ar-EG").format(date)//"١٩‏/١٢‏/٢٠١٢"

时间本土化

date.toLocaleTimeString("zh-Hans-CN")
//"上午11:00:00"

日期本土化

date.toLocaleDateString("zh-Hans-CN")
"2012/12/20"

Date.prototype.tiLiocaleString 配置项

date.toLocaleString("zh-Hans-CN",{
                            year:"numeric",
                            month:"2-digit",
                            day:"2-digit",
                            weekday:"long",
                            hour:"2-digit",
                            minute:"2-digit",
                            second:"2-digit",
                            hour12: false,
                            timeZone:"Asia/Shanghai",
                        })
//"2012年12月20日星期四 11:00:00"

Intl格式化（含时区转换）

Intl.DateTimeFormat("zh-Hans-CN",{
                            year:"numeric",
                            month:"2-digit",
                            day:"2-digit",
                            hour:"2-digit",
                            minute:"2-digit",
                            second:"2-digit",
                            hour12: false,
                            timeZone:"Asia/Shanghai"
                        }).format(date);
//"2012/12/20 11:00:00"

Intl格式化分片

Intl.DateTimeFormat("zh-Hans-CN",{
                            year:"numeric",
                            month:"2-digit",
                            day:"2-digit",
                            hour:"2-digit",
                            minute:"2-digit",
                            second:"2-digit",
                            hour12: false,
                            timeZone:"Asia/Shanghai",
                        }).formatToParts(date)
/*
0: {type: "year", value: "2012"}
1: {type: "literal", value: "/"}
2: {type: "month", value: "12"}
3: {type: "literal", value: "/"}
4: {type: "day", value: "12"}
5: {type: "literal", value: " "}
6: {type: "hour", value: "11"}
7: {type: "literal", value: ":"}
8: {type: "minute", value: "00"}
9: {type: "literal", value: ":"}
10: {type: "second", value: "00"}
*/

农历阳历转换

Intl.DateTimeFormat("zh-Hans-CN-u-ca-chinese").format(date);
//"29/11/8"
//备注：农历壬辰年 十一月初八

zhMon=[" 甲乙丙丁戊己庚辛壬癸"," 子丑寅卯辰巳午未申酉戌亥"]
zhMon[0][29%10]+zhMon[1][29%12]//壬辰

date.toLocaleString("zh-Hans-CN-u-ca-chinese")
//"29/11/8 上午11:00:00"

星期文案转换

(new Date("2001-01-01")).toLocaleString("zh-Hans-CN",{weekday:"long"})
//"星期一"
(new Date("2001-01-07")).toLocaleString("zh-Hans-CN",{weekday:"short"})
//"周日"

云服务器 GPU云服务器了解数据仓库了解大数据对大数据的了解想了解大数据

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/103088.html

FE.ES-(for...of) 可迭代对象Range(n) in JS

摘要：可迭代对象浏览器需支持注意返回一个实时的返回一个静态的语句在可迭代对象上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。与的区别语句以原始插入顺序迭代对象的可枚举属性。语句遍历可迭代对象定义要迭代的数据。可迭代对象 Array [10, 20, 30] String boo TypedArrayc new Uint8Array([0x00, 0xff]) ...

miracledan 2019-08-23 16:02 评论0 收藏0
FE.ES-JavaScript的模块化历史

摘要：模块化之前的污染，命名污染命名空间模式减少上变量数量，但仍不安全匿名闭包模式应用由模块组成，采用模块规范。要想让模块再次运行，必须清除缓存。中优先于模块内的其他内容执行。与其对应的值是动态绑定关系，实时取到模块内部的值。模块化之前的JavaScript //Global污染，命名污染 function foo(){} //命名空间 NameSpace模式 var Module= { ...

caoym 2019-08-23 14:39 评论0 收藏0
FE.ES-理解ECMA Javascript的原型

摘要：但是，它是用构造器调用来这样做的。本质是因为让函数调用变成了构造器调用假设有一个需要继承的一个类型添加一个属性如何检查类继承自省错误方法只能查询的祖先。名词解析字面量对象字面量 var a = {};数组字面量 var arr = [1,2,3];正则表达式字面量 var reg = /[a-z]/g; 属性描述符 configurable:fasle是一个单向操作,同时阻止使...

ssshooter 2019-08-23 13:55 评论0 收藏0
FE.ES-理解ECMA Javascript的原型

摘要：但是，它是用构造器调用来这样做的。本质是因为让函数调用变成了构造器调用假设有一个需要继承的一个类型添加一个属性如何检查类继承自省错误方法只能查询的祖先。名词解析字面量对象字面量 var a = {};数组字面量 var arr = [1,2,3];正则表达式字面量 var reg = /[a-z]/g; 属性描述符 configurable:fasle是一个单向操作,同时阻止使...

Charles 2019-08-02 12:11 评论0 收藏0
FE.ES-理解ECMA Javascript的原型

摘要：但是，它是用构造器调用来这样做的。本质是因为让函数调用变成了构造器调用假设有一个需要继承的一个类型添加一个属性如何检查类继承自省错误方法只能查询的祖先。名词解析字面量对象字面量 var a = {};数组字面量 var arr = [1,2,3];正则表达式字面量 var reg = /[a-z]/g; 属性描述符 configurable:fasle是一个单向操作,同时阻止使...

刘东 2019-08-29 17:31 评论0 收藏0