FE.ES-了解JS數據本土化

zqhxuyuan 發布于2019-08-23 16:29 / 519人閱讀

摘要：相對時間本土化支持昨天前天數字本土化分組逗號分隔科學計數保留位小數保留位百分制貨幣人民幣漢字一二三四五六七八九一二三四五六二日期時間本土化時間本土化上午日期本土化配置項

相對時間本土化

支持 "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云服務器云服務器了解數據倉庫了解大數據對大數據的了解想了解大數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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