精华内容
下载资源
问答
  • 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()方法的一些知识点。 概述 toLocale​String()用来返回格式化对象后字符串。它的语法如下:...

    最近开发项目中涉及的大量的时间格式的处理,在处理过程中就接触到了toLocaleString()这个方法,此篇是总结toLocaleString()方法的一些知识点。

    概述

    toLocale​String()用来返回格式化对象后字符串。它的语法如下:

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

    这个方法有两个参数: localeoptions

    locale为可选参数,它用来指定格式化对象时使用的语言环境。默认是浏览器当前的语言环境。该参数的可选值可以参考这里options也是一个可选参数,它是对象格式,用来设置对象格式化样式的一些配置属性。

    Date.prototype.toLocaleString

    先来介绍toLocale​String()在格式化日期时的使用。在格式化日期时,locale的值一般为zhen就能满足大部分场景的使用。

    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
    

    接下来是介绍格式化年月日时分秒的属性,看上面的单词,想必我们便能猜到是什么意思,这里来介绍一些这些属性的可选值。

    yeardayhourminutesecond这五个属性的可选值是一样的,只有两个:numeric2-digit

    numeric2-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, shortnarrow,而month属性除了上面两个可选值之外,这三个值也是month属性的可选值。
    long, shortnarrow的区别,可以看如下代码:

      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。它的可选值有两个:shortlong。这两个值的区别如下:

      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均是四舍五入的,在使用的时候需要注意

    展开全文
  • 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.

      optionsoptions的可选对象。 可以包含在其中的一些有效属性是dateStyle ,其值为fulllongmediumshort 。 其他可能的属性是timeStyleweekdayyearmonthdayhourminutesecond等。

    例子😍 (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 :一个可选对象,可以包含具有值lookupbest fit值的属性(例如localeMatcher 。 其他标称属性是stylecurrencyuseGroupingminimumSignificantDigits等。

    例子😍 (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’);返回的是左图所示的英文时间格式

     

    展开全文
  • 日期对象 创建: var date = new Date(); var date =new Date(); 方法: toLocaleString():返回当前date对象对应的时间,本地字符串格式 getTime():获取毫秒值。返回当前对象时间和1970年1月1日零点之间的毫秒...
  • toLocaleString()

    2019-11-18 16:01:37
    toLocaleString() 作用:返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串,这些字符串将使用一个特定语言环境的字符串(例如一个逗号 “,”)隔开。 语法 arr....
  • return new Date(parseInt(nS) * 1000).toLocaleString().substr(0,9); }; 在电脑上看是好的 得到的日期格式为 2015/9/1 但是在苹果手机中显示的是 中文 2015年9月1 在安卓手机中得到的是英文 tue sep 0 ...
  • getToday(){ let day = new Date(); //toLocaleString转换24小时... // 日期截取 let date = localDay.substr(0,8); // 时间截取 let time = localDay.substr(-9); let now = date+" "+time; c
  • 神奇的 toLocaleString

    千次阅读 多人点赞 2018-09-27 16:46:12
    toLocaleString 方法是用于返回格式化对象后的字符串,该字符串格式因语言不同返回值也会不同,可以通过传参决定返回的语言及具体的表现,其语法如下: object.toLocaleString([locales [, options]]); locales 参数...
  • toLocaleString知多少

    2020-07-25 11:57:01
    toLocaleString 方法是用于返回格式化对象后的字符串,该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现,某些场景下相当有用,语法如下: object.toLocaleString([locales [, options]]); ...
  • javaScript toLocaleString用法

    千次阅读 2019-06-12 15:22:23
    toLocaleString方法是用于返回格式化对象后的字符串,该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现,某些场景下相当有用,语法如下: object.toLocaleString([locales [, options]]); ...
  • 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 已经相当熟悉,请帮我看下是否有遗漏(笑);不...
  • 时间戳是指格林威治时间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对象,由于所有的对象都"继承"了...
  • toLocaleString Object.prototype.toLocaleString() 方法返回一个该对象的字符串表示。 obj.toLocaleString() :ObjecttoLocaleString返回调用toString()的结果。 该函数提供给对象一个通用的toLocaleString方法...
  • toLocaleString()方法可根据本地时间把Date对象转换为字符串,并返回结果。 语法: dateObject.toLocaleString() 返回值 dateObject 的字符串表示,以本地时间区表示,并根据本地规则格式化。 问题: //...
  • 缘起 kaven老师分享了一个数值取整的方法,即利用按位非操作符(~)进行取整: var a = 1.5; console.log(~~a); // 1 但是这种方法有点限制就是它只能...console.log(a.toLocaleString('zh', {maximumFractionDigits:
  • toLocaleString函数的使用

    千次阅读 2019-04-11 11:43:17
    object.toLocaleString()函数用于将当前对象以字符串值的形式返回,该字符串的格式适合当前宿主环境的当前区域设置。由于所有的对象都"继承"了Object的对象实例,因此几乎所有的实例对象都可以使用该方法。此方法...
  • 主要介绍了JavaScript中toLocaleString()和toString()的区别,结合实例形式对比分析了toLocaleString()和toString()针对字符串、数组与日期操作过程中的区别与使用技巧,需要的朋友可以参考下
  • 过时date toLocaleString 的解决方法
  • tostring和tolocalestring方法的区别

    千次阅读 2010-04-22 11:32:00
    tostring和tolocalestring方法的区别toLocaleString 方法返回一个 String 对象,这个对象中包含了用当前区域设置的默认格式表示的日期。 对于公元 1601 和 1999 之间的时间,日期格式要按照用户的“控制面板”中...
  • 这次给大家分享 toLocaleString 的一点技巧,如果需要初始化数字或日期时,不妨考虑一下,会有偷懒奇效哦! 注意!一般而言,数字与日期的显示是有要求的,样式方面需要统一。但如果是内部项目或者是 pm 允许,那么...
  • var a = 6666; a.toLocaleString();//"6,666"a.toString();//"6666"可以看到,当数字是三位以上时,会每三位出现一个分隔号; 数组: var c = [1,2,3];console.log(c.toLocaleString());...日期:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,083
精华内容 5,633
关键字:

日期tolocalestring