日期tolocalestring

toLocaleString 日期
2018-05-03 15:09:00
new Date().toLocaleString()"2018/5/3 下午3:08:48" 转载于:https://www.cnblogs.com/1032473245jing/p/8985419.html
```
    new Date().toLocaleString()
"2018/5/3 下午3:08:48"

转载于:https://www.cnblogs.com/1032473245jing/p/8985419.html
```
收起
展开全文

toLocaleString

千次阅读 2019-05-12 16:42:12

最近开发项目中涉及的大量的时间格式的处理，在处理过程中就接触到了toLocaleString()这个方法，此篇是总结toLocaleString()方法的一些知识点。概述 toLocaleString()用来返回格式化对象后字符串。它的语法如下：...

最近开发项目中涉及的大量的时间格式的处理，在处理过程中就接触到了toLocaleString()这个方法，此篇是总结toLocaleString()方法的一些知识点。
概述
toLocaleString()用来返回格式化对象后字符串。它的语法如下：

dateObj.toLocaleString([locales [, options]])

这个方法有两个参数: locale和options。
locale为可选参数，它用来指定格式化对象时使用的语言环境。默认是浏览器当前的语言环境。该参数的可选值可以参考这里。options也是一个可选参数，它是对象格式，用来设置对象格式化样式的一些配置属性。
Date.prototype.toLocaleString
先来介绍toLocaleString()在格式化日期时的使用。在格式化日期时，locale的值一般为zh和en就能满足大部分场景的使用。
var date = new Date();
console.log(date.toLocaleString('zh'));  // 2019-5-12 14:29:34
console.log(date.toLocaleString('en'));  // 5/12/2019, 2:29:34 PM

options参数具体的可选值有

localeMatcher
timeZoneName
hour12
hourCycle
formatMatcher
weekday
era
year
month
day
hour
minute
second

在这里我们只介绍一些常用的属性。
hour12
该属性用来控制返回的时间是12小时制还是24小时制，它的值是布尔类型（true或false)。默认是true,即返回的时间是12小时制。
 var date = new Date();
 console.log(date.toLocaleString('zh', {hour12: true}));  // 2019/5/12 下午2:53:49
 console.log(date.toLocaleString('zh', {hour12: false})); //  2019/5/12 14:53:49

接下来是介绍格式化年月日时分秒的属性，看上面的单词，想必我们便能猜到是什么意思，这里来介绍一些这些属性的可选值。
year， day， hour，minute， second这五个属性的可选值是一样的，只有两个：numeric和2-digit。
numeric和2-digit简单的说就是是否可以用两个数字表示，可以看如下代码：
  var date = new Date();
  console.log(date.toLocaleString('zh', {year: 'numeric', month: 'numeric',  day: 'numeric',  hour: 'numeric',  minute: 'numeric',  second: 'numeric'})); // 2019/5/12 下午3:05:27
  console.log(date.toLocaleString('zh', {year: '2-digit',  month: '2-digit',  day: '2-digit',  hour: '2-digit',  minute: '2-digit',  second: '2-digit'})); // 19/05/12 下午3:05:27

除此之外， weekday的可选值有三个：long, short 和narrow，而month属性除了上面两个可选值之外，这三个值也是month属性的可选值。

long, short 和narrow的区别，可以看如下代码：
  var date = new Date();
  console.log(date.toLocaleString('en', { month: 'narrow' }));  // M
  console.log(date.toLocaleString('en', {  month: 'short' })); // May
  console.log(date.toLocaleString('en', {  month: 'long' })); .// May
  console.log(date.toLocaleString('en', {  weekday: 'narrow'})); // S
  console.log(date.toLocaleString('en', { weekday: 'short'}));  // Sun
  console.log(date.toLocaleString('en', {  weekday: 'long'})); // Sunday

这三个属性简单说就是:   narrow:能有多短就有多短，short: 缩写形式， long: 正常形式 。
最后一个要介绍的属性是timeZoneName。它的可选值有两个：short和long。这两个值的区别如下：
  var date = new Date();
  console.log(date.toLocaleString('zh', { timeZoneName: 'long' })); // 2019/5/12 中国标准时间 下午3:23:59
  console.log(date.toLocaleString('zh', {  timeZoneName: 'short' })); // 2019/5/12 GMT+8 下午3:23:59

Number.prototype.toLocaleString
在格式化数字的时候，locales属性的可选值可以参考这里。而数字类型的options属性的可选值有:

localeMatcher
style
currency
currencyDisplay
useGrouping
minimumIntegerDigits
minimumFractionDigits
maximumFractionDigits
minimumSignificantDigits
maximumSignificantDigits

同样只介绍一些常用的属性。
style
style用来设置格式化时使用的样式，它有三个值：decimal表示纯数字，percent表示百分比格式，currency表示货币。默认值是decimal。
  const num = 2444222;
  console.log(num.toLocaleString('zh', {style: 'decimal'})); // 2,444,222
  console.log(num.toLocaleString('zh', {style: 'percent'})); // 244,422,200%
  console.log(num.toLocaleString('zh', {style: 'currency'})); // 报错

对于设置style的值为currency时，需要配合currency属性的设置，如果单独使用会报错。
currency和currencyDisplay
这两个属性只有在style的值是“currency”的时候才会生效。currency属性用来设置货币格式化中使用的货币符号。可能的值是ISO的货币代码 ，"CNY"是人民币，"USD" 表示美元，"EUR"表示欧元, 更多参考请点击这里。currencyDisplay属性用来设置货币格式化中显式货币。它的可能值有：symbol表示使用本地化的货币名称，code使用国际标准组织货币代码， name表示使用本地化的货币名称。默认值是symbol。
  const num = 2444222;
  console.log(num.toLocaleString('zh', {style: 'currency', currency: 'CNY'}));  // ￥2,444,222.00
  console.log(num.toLocaleString('zh', { style: 'currency', currency: 'cny', currencyDisplay: 'code' })); // CNY 2,444,222.00
  console.log(num.toLocaleString('zh', { style: 'currency', currency: 'cny', currencyDisplay: 'name' })); // 2,444,222.00 人民币

minimumIntegerDigits、 minimumFractionDigits 与 maximumFractionDigits
这组属性非常的强大，在某些场合会给我们带来极大的便利。

minimumIntegerDigits用来指定使用的整数数字的最小数目.可能的值是从1到21,默认值是1。
minimumFractionDigits用来指定使用的小数位数的最小数目.可能的值是从0到20;默认为普通的数字和百分比格式为0。
maximumFractionDigits用来指定使用的小数位数的最大数目。可能的值是从0到20。

这三个属性简单来说就是指定整数的最小位数和小数的最大位数和最小位数。不够的位数的自动补零。具体例子如下：
  const num = 2333.3;
  console.log(num.toLocaleString('zh', { minimumIntegerDigits: 5 }));    //02,333.3
  //如果不想有分隔符，可以指定useGrouping为false
  console.log(num.toLocaleString('zh', { minimumIntegerDigits: 5, useGrouping: false }));    //02333.3
  console.log(num.toLocaleString('zh', { minimumFractionDigits: 2, useGrouping: false })); //2333.30

  const num2 = 666.666;
  console.log(num2.toLocaleString('zh', { maximumFractionDigits: 2, useGrouping: false }));     //666.67

minimumSignificantDigits和maximumSignificantDigits
这一组也是很强大的一组属性。

minimumSignificantDigits 控制使用的有效数字的最小数目。可能的值是从1到21；默认值是1。
maximumSignificantDigits 控制使用的有效数字的最大数量。可能的值是从1到21；

简单的来说这组属性就是用来控制数字的有效数字的位数的。只要设置了这一组属性，上面那一组属性全部忽略不算。具体示例：
  const num = 1234.5;
  console.log(num.toLocaleString('zh', { minimumSignificantDigits: 6, useGrouping: false }));      //1234.50
  console.log(num.toLocaleString('zh', { maximumSignificantDigits: 4, useGrouping: false }));      //1235

注意：maximumFractionDigits和maximumSignificantDigits均是四舍五入的，在使用的时候需要注意

收起

展开全文

在JavaScript中将toLocaleString与数字，数组或日期一起使用

2020-08-12 20:37:39

toLocaleString is a built-in JavaScript method used to convert the date and time to a... toLocaleString是内置JavaScript方法，用于使用系统区域设置将日期和时间转换为字符串。 ???????? It can be used wit...

toLocaleString is a built-in JavaScript method used to convert the date and time to a string using the system locales. 🤓🚀

 toLocaleString是内置JavaScript方法，用于使用系统区域设置将日期和时间转换为字符串。 🤓🚀 
It can be used with the following JavaScript types 💪:

 可以与以下JavaScript类型💪一起使用： 
  Dates/Time
 日期/时间 
  Numbers
 号码 
  Objects
 对象 
  Arrays
 数组 
 带有日期和时间的toLocaleString (toLocaleString with Dates and Time 🚀)
With dates/time objects, toLocaleString has a syntax like this and returns a string 🔥👉:
 对于日期/时间对象， toLocaleString具有如下语法，并返回字符串🔥👉： 
dateObject.toLocaleString(locales, options)
  locales: An optional string that specifies a language-specific format. Some valid values are ar-SA (for Arabic), en-US (for US English), hi-IN (for Hindi), jp-JP (for Japanese), etc.
 locales ：一个可选的字符串，指定特定于语言的格式。 一些有效值是ar-SA (对于阿拉伯语)， en-US (对于美国英语)， hi-IN (对于印地语)， jp-JP (对于日语)等。 
  options: An optional object of options. Some valid properties that can be included in this are dateStyle with values of full, long, medium and short. Other possible properties are timeStyle, weekday, year, month, day, hour, minute, second, etc.
 options ： options的可选对象。 可以包含在其中的一些有效属性是dateStyle ，其值为full ， long ， medium和short 。 其他可能的属性是timeStyle ， weekday ， year ， month ， day ， hour ， minute ， second等。 
 例子😍 (Example 😍)
const date = new Date();

console.log(date.toLocaleString(`en-US`)); 
// 11/10/2019, 4:32:44 PM

console.log(date.toLocaleString(`hi-IN`));
// 10/11/2019, 4:32:44 pm

console.log(date.toLocaleString(`fr-CH`));
// 10.11.2019 à 16:32:44

const options = {
  weekday: 'long',
  era: 'long'
}

console.log(date.toLocaleString(`en-US`, options)); 
// Sunday Anno Domini

console.log(date.toLocaleString(`hi-IN`, options));
// ईसवी सन रविवार

console.log(date.toLocaleString(`fr-CH`, options));
// après Jésus-Christ dimanche



 带数字的toLocaleString🚀 (toLocaleString with Numbers 🚀)
With numbers, toLocaleString is used to convert the numbers into a locale-specific number representation. It has syntax something like the following and returns a string 🔥👉:
 对于数字， toLocaleString用于将数字转换为特定于语言环境的数字表示形式。 它具有如下语法，并返回字符串 🔥👉： 
number.toLocaleString(locales, options)
  locales: An optional string the specifies the locale.
 locales ：可选字符串，指定区域设置。 
  options: An optional object that can contain properties such as localeMatcher with values lookup and best fit. Other valied properties are style, currency, useGrouping, minimumSignificantDigits, etc.
 options ：一个可选对象，可以包含具有值lookup和best fit值的属性(例如localeMatcher 。 其他标称属性是style ， currency ， useGrouping ， minimumSignificantDigits等。 
 例子😍 (Example 😍)
const number = 12345.678;

console.log(number.toLocaleString('en-US')); 
// 12,345.678

console.log(number.toLocaleString('fr-FR')); 
// 12 345,678

console.log(number.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD'   // With currency, the currency code is also required
}));  // $12,345.68

console.log(number.toLocaleString('hi-IN', {
  style: 'currency',
  currency: 'INR'
}));  // ₹12,345.68

console.log(number.toLocaleString('en-US', {
  style: 'currency',
  currency: 'USD',
  maximumSignificantDigits: 2
}));  // $12,000



 带有数组的toLocaleString (toLocaleString with Arrays 🚀)
With arrays, toLocaleString is used to convert them into a locale-specific representation. The syntax is as follows and once again a string is returned 🔥👉:
 对于数组， toLocaleString用于将它们转换为特定于语言环境的表示形式。 语法如下，并再次返回一个字符串 🔥👉： 
array.toLocaleString(locales, options)
  locales: An optional string specifying the locale.
 locales ：一个可选的字符串，指定区域设置。 
  options: An optional object of the same options available to numbers and dates.
 options ：一个可选对象，具有与数字和日期相同的选项。 
 例子😍 (Example 😍)
const arr = [12345678, new Date(), "alligators"];
console.log(arr.toLocaleString(`fr-FR`,{
  style: 'currency',
  currency: 'EUR',
  era: 'long'
}));

//  12 345 678,00 €,10 11 2019 après Jésus-Christ à 18:30:03,alligators

const arr2 = [12345678, new Date(), "alligators"];
console.log(arr.toLocaleString(`en-US`,{
  style: 'currency',
  currency: 'USD',
  era: 'long'
}));

//  $12,345,678.00,11 10, 2019 Anno Domini, 6:31:56 PM,alligators
 Note: If locale is omitted or left undefined than the default system locale is used. 🧪 

 注意：如果省略了语言环境或未定义语言环境，则使用默认的系统语言环境。 🧪 



🥓 Now what’s left is to make sure your targeted browsers support the toLocaleString method.

  🥓现在剩下的就是确保目标浏览器支持toLocaleString方法 。 
翻译自: https://www.digitalocean.com/community/tutorials/js-using-tolocalestring

收起

展开全文

toLocaleString()获取本地日期和时间

千次阅读 2019-09-03 11:31:28

// console.log(nd.toLocaleString('en')); return nd.toLocaleString('en'); } 注意：最后如果是 return nd.toLocaleString(); 返回的是右图所示的中文时间格式。 return nd.toLocaleString(‘en’)...

    

想要获取本地的实时时间，如左图为美国时间格式，  右图为中国时间格式、

1.HTML

<p class="timeNow">15:48</p>
<p class="ourTime"> Our time now</p>

2.js

 // 时间
    $(document).ready(function () {
        setInterval("setCurrentTime('Beijing', '+8')", 1000);
    });

    function setCurrentTime(city, offset) {
        var currentTime = calcTime(city, offset);
        $(".timeNow").html(currentTime);
    }

    function calcTime(city, offset) {
        d = new Date();
        utc = d.getTime() + (d.getTimezoneOffset() * 60000);
        nd = new Date(utc + (3600000 * offset));
        // console.log(nd.toLocaleString('en'));
        return nd.toLocaleString('en');
    }

注意：

最后如果是  return nd.toLocaleString();  返回的是右图所示的中文时间格式。

return nd.toLocaleString(‘en’);返回的是左图所示的英文时间格式

收起

展开全文

JavaScript Date日期对象的创建和方法、toLocaleString、getTime
2020-04-14 14:20:31
日期对象创建： var date = new Date(); var date =new Date(); 方法： toLocaleString():返回当前date对象对应的时间，本地字符串格式 getTime():获取毫秒值。返回当前对象时间和1970年1月1日零点之间的毫秒...
收起
js java javascript
toLocaleString()
2019-11-18 16:01:37
toLocaleString() 作用：返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串，这些字符串将使用一个特定语言环境的字符串（例如一个逗号 “,”）隔开。语法 arr....
收起
关于js函数 toLocaleString() 在不同平台上显示日期不一样的解决办法
2015-09-18 07:03:44
return new Date(parseInt(nS) * 1000).toLocaleString().substr(0,9); }; 在电脑上看是好的得到的日期格式为 2015／9/1 但是在苹果手机中显示的是中文 2015年9月1 在安卓手机中得到的是英文 tue sep 0 ...
收起
android iphone javascript
字符串截取--toLocaleString转换为24小时制、日期时间截取、替换所有正斜杠
2020-06-03 15:46:31
getToday(){ let day = new Date(); //toLocaleString转换24小时... // 日期截取 let date = localDay.substr(0,8); // 时间截取 let time = localDay.substr(-9); let now = date+" "+time; c
收起
字符串 js
神奇的 toLocaleString
千次阅读 多人点赞 2018-09-27 16:46:12
toLocaleString 方法是用于返回格式化对象后的字符串，该字符串格式因语言不同返回值也会不同，可以通过传参决定返回的语言及具体的表现，其语法如下： object.toLocaleString([locales [, options]]); locales 参数...
收起
javascript
toLocaleString知多少
2020-07-25 11:57:01
toLocaleString 方法是用于返回格式化对象后的字符串，该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现，某些场景下相当有用，语法如下： object.toLocaleString([locales [, options]]); ...
收起
javascript
javaScript toLocaleString用法
千次阅读 2019-06-12 15:22:23
toLocaleString方法是用于返回格式化对象后的字符串，该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现，某些场景下相当有用，语法如下： object.toLocaleString([locales [, options]]); ...
收起
js new Date().toLocaleString()怎样取得正确的日期和时间
2021-01-29 16:29:12
var a=44195.09027777778 //时间为：...date = new Date(1900, 0, a).toLocaleString(); console.log(date);显示的结果为：2020/12/31 上午12:00:00，时间错误，请问怎样设定new date参数可以获得正确的日期和时间？？
收起
toLocaleString 了解一下
2018-04-06 05:37:45
这次给大家分享 toLocaleString 的一点技巧，如果需要初始化数字或日期时，不妨考虑一下，会有偷懒奇效哦！本文参考自 MDN 的文档与日常使用所得，如果你对这个 API 已经相当熟悉，请帮我看下是否有遗漏（笑）；不...
收起
将对象数组内的时间戳格式的数据转换为日期格式（使用map和toLocaleString）
2020-04-05 22:38:58
时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起...将时间戳格式的数据转换为日期格式以下时间戳，单位s, let objectArr = [{ name:'fur', age:18, time:1522801451 ...
收起
data —— toLocaleString()
2019-12-25 15:09:43
var date = new Date() //date.toLocaleString() 打印当前年月日+时分秒 date.toLocaleString() //...//date.toLocaleDateString() 打印当前日期（年月日） date.toLocaleDateString() //"2019/12/25" //date....
收起
JavaScript toLocaleString()
2016-06-13 16:06:23
JavaScript toLocaleString() 函数详解 toLocaleString()函数用于将当前对象以字符串值的形式返回，该字符串的格式适合当前宿主环境的当前区域设置。该方法属于Object对象，由于所有的对象都"继承"了...
收起
js-toLocaleString的小技巧
2020-05-15 15:55:45
toLocaleString Object.prototype.toLocaleString() 方法返回一个该对象的字符串表示。 obj.toLocaleString() :ObjecttoLocaleString返回调用toString()的结果。该函数提供给对象一个通用的toLocaleString方法...
收起
js
JavaScript toLocaleString() 方法
2019-12-23 15:55:22
toLocaleString（）方法可根据本地时间把Date对象转换为字符串，并返回结果。语法： dateObject.toLocaleString() 返回值 dateObject 的字符串表示，以本地时间区表示，并根据本地规则格式化。问题： //...
收起
JS 中 `toLocaleString`妙用
2020-12-09 09:45:16
缘起 kaven老师分享了一个数值取整的方法，即利用按位非操作符（~）进行取整： var a = 1.5; console.log(~~a); // 1 但是这种方法有点限制就是它只能...console.log(a.toLocaleString('zh', {maximumFractionDigits:
收起
前端 js
toLocaleString函数的使用
千次阅读 2019-04-11 11:43:17
object.toLocaleString()函数用于将当前对象以字符串值的形式返回，该字符串的格式适合当前宿主环境的当前区域设置。由于所有的对象都"继承"了Object的对象实例，因此几乎所有的实例对象都可以使用该方法。此方法...
收起
JavaScript中toLocaleString()和toString()的区别实例分析
2020-10-18 05:24:53
主要介绍了JavaScript中toLocaleString()和toString()的区别,结合实例形式对比分析了toLocaleString()和toString()针对字符串、数组与日期操作过程中的区别与使用技巧,需要的朋友可以参考下
收起
过时date toLocaleString 的解决方法
2019-05-01 11:05:46
过时date toLocaleString 的解决方法
收起
tostring和tolocalestring方法的区别
千次阅读 2010-04-22 11:32:00
tostring和tolocalestring方法的区别toLocaleString 方法返回一个 String 对象，这个对象中包含了用当前区域设置的默认格式表示的日期。对于公元 1601 和 1999 之间的时间，日期格式要按照用户的“控制面板”中...
收起
date string
想偷懒的话，toLocaleString 了解一下？
2019-07-04 20:46:21
这次给大家分享 toLocaleString 的一点技巧，如果需要初始化数字或日期时，不妨考虑一下，会有偷懒奇效哦！注意！一般而言，数字与日期的显示是有要求的，样式方面需要统一。但如果是内部项目或者是 pm 允许，那么...
收起
toLocaleString( )和toString( )区别
2019-10-08 13:12:33
var a = 6666; a.toLocaleString();//"6,666"a.toString();//"6666"可以看到，当数字是三位以上时，会每三位出现一个分隔号；数组： var c = [1,2,3];console.log(c.toLocaleString());...日期：...
收起

toLocaleString 日期

toLocaleString

概述

Date.prototype.toLocaleString

hour12

Number.prototype.toLocaleString

style

currency和currencyDisplay

minimumIntegerDigits、 minimumFractionDigits 与 maximumFractionDigits

minimumSignificantDigits和maximumSignificantDigits

在JavaScript中将toLocaleString与数字，数组或日期一起使用

带有日期和时间的toLocaleString (toLocaleString with Dates and Time 🚀)

例子😍 (Example 😍)

带数字的toLocaleString🚀 (toLocaleString with Numbers 🚀)

例子😍 (Example 😍)

带有数组的toLocaleString (toLocaleString with Arrays 🚀)

例子😍 (Example 😍)

toLocaleString()获取本地日期和时间

JavaScript Date日期对象的创建和方法、toLocaleString、getTime

toLocaleString()

关于js函数 toLocaleString() 在不同平台上显示日期不一样的解决办法

字符串截取--toLocaleString转换为24小时制、日期时间截取、替换所有正斜杠

神奇的 toLocaleString

toLocaleString知多少

javaScript toLocaleString用法

js new Date().toLocaleString()怎样取得正确的日期和时间

toLocaleString 了解一下

将对象数组内的时间戳格式的数据转换为日期格式（使用map和toLocaleString）

data —— toLocaleString()

JavaScript toLocaleString()

js-toLocaleString的小技巧

JavaScript toLocaleString() 方法

JS 中 `toLocaleString`妙用

toLocaleString函数的使用

JavaScript中toLocaleString()和toString()的区别实例分析

过时date toLocaleString 的解决方法

tostring和tolocalestring方法的区别

想偷懒的话，toLocaleString 了解一下？

toLocaleString( )和toString( )区别

日期tolocalestring