new Date().toLocaleString()
"2018/5/3 下午3:08:48"
-
2018-05-03 15:09:00
转载于:https://www.cnblogs.com/1032473245jing/p/8985419.html
更多相关内容 -
toLocaleString()千分位格式、日期格式转换
2022-03-25 16:55:32将日期格式转换: new Date().toLocaleString('chinese',{hour12:false}) // "2022/3/25 16:55:08" new Date().toLocaleString('chinese',{hour12:true}) // "2022/3/25 下午4:55:13" 更多待补充… ...将数字变成千分位格式:
let num=123456789; console.log(num.toLocaleString()); // 123,456,789
将日期格式转换:
new Date().toLocaleString('chinese',{hour12:false}) // "2022/3/25 16:55:08" new Date().toLocaleString('chinese',{hour12:true}) // "2022/3/25 下午4:55:13"
let number = 123456.789; number.toLocaleString('zh-Hans-CN-u-nu-hanidec') // "一二三,四五六.七八九"
更多待补充…
-
JavaScript日期格式化 toLocaleString 中文本地时间最简单的方法
2021-09-07 11:05:25JavaScript日期格式化 中文本地时间最简单的方法let date = new Date(); console.log(date); //2021-09-07T03:03:51.855Z
但这个肯定不是我们想要的,此时可以用
toLocaleString()
将时间转换为当地时间并且用当地语言表示。比如
let date = new Date().toLocaleString('zh-cn'); // zh-cn代表中国 console.log(date); //2021/9/7 上午11:08:29
是不是非常简单就将时间变为本土的了?
另外还可以继续给
toLocaleString()
传参let date = new Date(Date.now()).toLocaleString('zh-cn',{dateStyle:'long'}); console.log(date); //2021年9月7日 console.log(new Date().toLocaleString('zh-cn',{dateStyle:'full',timeStyle:'full'})); //2021年11月3日星期三 中国标准时间 下午11:54:37 console.log(new Date().toLocaleString('zh-cn',{dateStyle:'full',timeStyle:'medium'})); //2021年11月3日星期三 下午11:55:57 console.log(new Date().toLocaleString('zh-cn',{weekday:"long"})); //星期三 //如果设置了weekday则将将不能设置dateStyle和timeStyle
使用24小时制:
let date = new Date(Date.now()).toLocaleString('zh-cn',{hour12:false}); console.log(date); //2021/9/7 11:11:47
-
JavaScript中toLocaleString()和toString()的区别实例分析
2020-10-18 05:24:53主要介绍了JavaScript中toLocaleString()和toString()的区别,结合实例形式对比分析了toLocaleString()和toString()针对字符串、数组与日期操作过程中的区别与使用技巧,需要的朋友可以参考下 -
toLocaleString 了解一下
2018-04-06 05:37:45这次给大家分享 toLocaleString 的一点技巧,如果需要初始化数字或日期时,不妨考虑一下,会有偷懒奇效哦! 本文参考自 MDN 的文档与日常使用所得,如果你对这个 API 已经相当熟悉,请帮我看下是否有遗漏(笑);不...hello~亲爱的看官老爷们大家好~最近沉迷于学习其他语言,有一段时间没写文章了。时间一晃就到了4月,再不写就怕彻底懒下去了。这次给大家分享
toLocaleString
的一点技巧,如果需要初始化数字或日期时,不妨考虑一下,会有偷懒奇效哦!本文参考自 MDN 的文档与日常使用所得,如果你对这个
API
已经相当熟悉,请帮我看下是否有遗漏(笑);不了解的同学可以浏览一下,应该会对你有所帮助。概述
toLocaleString
方法是用于返回格式化对象后的字符串,该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现,某些场景下相当有用,语法如下:object.toLocaleString([locales [, options]]); 复制代码
locales
参数用于指定格式化对象时使用的语言环境,默认为当前环境的语言,可以不传。该参数具体可选的值可以参考 这里,一般而言使用en
或zh
即可应付绝大多数情况。例子如下:const date = new Date(); date.toLocaleString('zh'); // 2018-4-4 15:08:38 date.toLocaleString('en'); // 4/4/2018, 3:08:38 PM 复制代码
顺带一提,此参数大小写不敏感,已经在浏览器与 Node 验证过。
options
参数为输出样式的配置项,根据object
类型不同会有不同选项,下文会仔细解释这个参数。但需要注意的是如果不传locales
参数,那么options
参数是不会生效的,其实上面的语法其实已经显现出这点。最后则是兼容性问题,具体如下图:
Number.prototype.toLocaleString
先介绍
toLocaleString
在数字类型上的使用。面试偶尔会问到如何格式化数字,使整数部分每三位加一个逗号,这时不妨:const num = 2333333; num.toLocaleString(); // 2,333,333 复制代码
其实是不需要任何正则的~打完出题者的脸后,我们一起看看
toLocaleString
在数字类型的options
参数有好用属性,以方便我们偷懒使用。注意,本文不是翻译文档,因而只会介绍一些常用的属性,更具体的选项请查阅 MDN相关文档。style
表示格式化时使用的样式,默认值是decimal
也就是纯数字,也可为percent
百分比显示与currency
货币显示。值为currency
时必须同时指定options
中的currency
属性,否则报错。具体例子如下:const num = 2333333; num.toLocaleString('zh', { style: 'decimal' }); //2,333,333 num.toLocaleString('zh', { style: 'percent' }); //233,333,300% num.toLocaleString('zh', { style: 'currency' }); //报错 复制代码
接下来的两个属性是
style
设为currency
时才有用的,它们分别是currency
与currencyDisplay
,前者指定对应的货币,如USD
、EUR
与CNY
等,实测也是不区分大小写的。后者是货币符号的展示样式,默认值是symbol
,即对应的符号,如CNY
是 ¥。该属性的值也可以是code
与name
,只是用得比较少,看看例子就好了~具体如下:const num = 2333333; num.toLocaleString('zh', { style: 'currency', currency: 'CNY' }); //¥2,333,333.00 num.toLocaleString('zh', { style: 'currency', currency: 'cny', currencyDisplay: 'code' }); //CNY2,333,333.00 num.toLocaleString('zh', { style: 'currency', currency: 'cny', currencyDisplay: 'name' }); //2,333,333.00人民币 复制代码
最后是两组相当强大的属性,某些场景下能带来极大的便利。第一组是
minimumIntegerDigits
、minimumFractionDigits
与maximumFractionDigits
,用于指定整数最少位数与小数的最少和最多位数,不够则用0去凑。简单说,自动补0!具体例子如下:let num = 2333.3; num.toLocaleString('zh', { minimumIntegerDigits: 5 }); //02,333.3 //如果不想有分隔符,可以指定useGrouping为false num.toLocaleString('zh', { minimumIntegerDigits: 5, useGrouping: false }); //02333.3 num.toLocaleString('zh', { minimumFractionDigits: 2, useGrouping: false }); //2333.30 num = 666.666 num.toLocaleString('zh', { maximumFractionDigits: 2, useGrouping: false }); //666.67 复制代码
从此之后,补0与控制位数再也不愁~
另一组是
minimumSignificantDigits
与maximumSignificantDigits
,用于控制有效数字位数,只要设置了这一组属性,第一组属性全部忽略不算,具体如下:const num = 1234.5; num.toLocaleString('zh', { minimumSignificantDigits: 6, useGrouping: false }); //1234.50 num.toLocaleString('zh', { maximumSignificantDigits: 4, useGrouping: false }); //1235 复制代码
注意,
maximumFractionDigits
与maximumSignificantDigits
均是四舍五入,使用时需要注意。数字类型的toLocaleString
介绍就告一段落,下面让我们看看日期类型的toLocaleString
的options
有什么好用的属性。Date.prototype.toLocaleString
与数字类型不同,日期类型的
locales
对输出的影响十分之大(其实数字类型影响也大,只是一般用不到),因而应该根据实际情况选择合适的语言环境。一般而言,日期显示是有要求的,样式方面需要统一。但如果是内部项目或者是 pm 允许,那么使用toLocaleString
格式化日期就相当好了。与数字类型一样,只介绍常用属性,详细的属性介绍请查阅MDN文档。hour12
表示是使用十二小时制还是二十四小时制,默认值视locales
而定。例子如下:const date = new Date(); date.toLocaleString('zh', { hour12: true }); //2018/4/4 下午6:57:36 date.toLocaleString('zh', { hour12: false }); //2018/4/4 18:57:36 复制代码
之后就是格式化年月日时分秒星期等选项了,MDN 文档说必须按照一定的分组设置属性,实际使用中发现每个属性单独使用并不报错,因而按属性的值分开介绍会比较好理解。
具体的属性一共有 9 个,分别是
weekday
、era
、year
、month
、day
、hour
、minute
、second
与timeZoneName
。具体的意思,看单词估计就能秒懂,不作过多解释。然而需要留意的是他们的可选值。先讨论weekday
与era
,它们均可以取值为narrow
、short
或long
,简单说就是能有多短多短,缩写与正常表现,具体表现如下:const date = new Date(); date.toLocaleString('en', { weekday: 'narrow', era: 'narrow' }); //W A date.toLocaleString('en', { weekday: 'short', era: 'short' }); //Wed AD date.toLocaleString('en', { weekday: 'long', era: 'long' }); //Wednesday Anno Domini 复制代码
跟着是
timeZoneName
属性,这个属性只有short
或long
两个值,表现如下:const date = new Date(); date.toLocaleString('zh', { timeZoneName: 'short' }); //2018/4/5 GMT+8 下午7:18:26 date.toLocaleString('zh', { timeZoneName: 'long' }); //2018/4/5 中国标准时间 下午7:18:26 复制代码
剩下的属性,均可以取值为
numeric
与2-digit
,简单说就是否仅用两位数字表示,看码说话:const date = new Date(); date.toLocaleString('zh', { year: 'numeric', month: 'numeric', day: 'numeric', hour: 'numeric', minute: 'numeric', second: 'numeric', }); //2018/4/5 下午7:30:17 date.toLocaleString('zh', { year: '2-digit', month: '2-digit', day: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' }); //18/04/05 下午7:30:17 复制代码
(比较奇怪的是
hour
、minute
与second
三个属性,无论设置为何值,表现都是一样的,希望有大佬告知原因,我换成en
环境也是一样的。)最后是
month
这个属性,语言对月份有不同的展现,除去numeric
与2-digit
外,它额外多三个属性,分别是narrow
、short
与long
。展示如下:const date = new Date(); date.toLocaleString('en', { month: 'narrow' }); //A date.toLocaleString('en', { month: 'short' }); //Apr date.toLocaleString('en', { month: 'long' }); //April 复制代码
小结
至此,关于
toLocaleString
的介绍就暂告一段落了。可以看到,在某些场景下需要格式化对象成字符串时,可以发挥极大的作用,不再需要自己苦兮兮地写函数做转换。尽管这个API
稍微冷门一点,但还是很有意思的。感谢各位看官大人看到这里,知易行难,希望本文对你有所帮助~谢谢!
-
toLocaleString()获取本地日期和时间
2019-09-03 11:31:28// console.log(nd.toLocaleString('en')); return nd.toLocaleString('en'); } 注意: 最后如果是 return nd.toLocaleString(); 返回的是右图所示的中文时间格式。 return nd.toLocaleString(‘en’)... -
toLocaleString
2019-05-12 16:42:12最近开发项目中涉及的大量的时间格式的处理,在处理过程中就接触到了toLocaleString()这个方法,此篇是总结toLocaleString()方法的一些知识点。 概述 toLocaleString()用来返回格式化对象后字符串。它的语法如下:... -
toLocaleString知多少
2020-07-25 11:57:01toLocaleString 方法是用于返回格式化对象后的字符串,该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现,某些场景下相当有用,语法如下: object.toLocaleString([locales [, options]]); ... -
在JavaScript中将toLocaleString与数字,数组或日期一起使用
2020-08-12 20:37:39toLocaleString is a built-in JavaScript method used to convert the date and time to a... toLocaleString是内置JavaScript方法,用于使用系统区域设置将日期和时间转换为字符串。 ???????? It can be used wit... -
JavaScript中日期各种问题处理,包括常用方法和转换方法
2015-09-01 12:06:13JavaScript中日期各种问题处理,包括常用方法和转换方法 -
javaScript toLocaleString用法
2019-06-12 15:22:23toLocaleString方法是用于返回格式化对象后的字符串,该字符串格式因不同语言而不同。可以通过传参决定返回的语言与具体的表现,某些场景下相当有用,语法如下: object.toLocaleString([locales [, options]]); ... -
JS实现日期时间动态显示的方法
2020-11-23 06:49:46[removed]setInterval("jnkc[removed]=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay());",1000); [removed] </body> </html> 希望本文所述对大家Java -
toLocaleString()
2019-11-18 16:01:37toLocaleString() 作用:返回一个字符串表示数组中的元素。数组中的元素将使用各自的 toLocaleString 方法转成字符串,这些字符串将使用一个特定语言环境的字符串(例如一个逗号 “,”)隔开。 语法 arr.... -
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 Date对象进行格式化日期
2021-01-08 18:00:06一、格式化日期 const date = new Date(2019, 0, 23, 17, 23, 42) 格式化结果: toString: Wed Jan 23 2019 17:23:42 GMT+0800 (中国标准时间) toDateString: Wed Jan 23 2019 toLocaleString: 2019/1/23 下午5:... -
JS 中 `toLocaleString`妙用
2020-12-09 09:45:16缘起 kaven老师分享了一个数值取整的方法,即利用按位非操作符(~)进行取整: var a = 1.5; console.log(~~a); // 1 但是这种方法有点限制就是它只能...console.log(a.toLocaleString('zh', {maximumFractionDigits: -
JavaScript中的toLocaleString()方法你知道吗?
2022-02-15 22:00:10//1235 日期处理(Date) 基本格式 dateObj.tolocaleString(locale, { hour12: true, year: '', month: '', day: '', hour: '', minute: '', second: '', weekday: '', timeZoneName:'', era: '', timeZone: '', });... -
【JS】toString和toLocaleString的区别
2021-08-30 20:20:18toLocaleString和toString基本上没有什么不同,在使用过程中注意两者的区别就可以啦! 让我们先来看一些小栗子: const str = [1,2,3]; str.toString(); // "1,2,3" str.toLocaleString(); // "1,2,3" const ... -
js——时间戳转换为日期
2020-10-24 16:38:56toLocaleString() 函数把数组转换为本地字符串 let createTime = '1603446465' let date = new Date(parseInt(createTime) * 1000).toLocaleString().replace(/\//g, '-') console.log(date) // 2020-10-24 下午3:55... -
神奇的 toLocaleString
2018-09-27 16:46:12toLocaleString 方法是用于返回格式化对象后的字符串,该字符串格式因语言不同返回值也会不同,可以通过传参决定返回的语言及具体的表现,其语法如下: object.toLocaleString([locales [, options]]); locales 参数... -
字符串截取--toLocaleString转换为24小时制、日期时间截取、替换所有正斜杠
2020-06-03 15:46:31getToday(){ let day = new Date(); //toLocaleString转换24小时... // 日期截取 let date = localDay.substr(0,8); // 时间截取 let time = localDay.substr(-9); let now = date+" "+time; c -
【JS】toLocaleString()方法
2022-01-13 16:26:06toLocaleString()方法在很多对象实例上都有,包括: Object Number Date Array BigInt 语法格式 obj.toLocaleString([locales[,...一个可配置属性的对象,对于数字 Number.prototype.toLocaleString(),对于日期 -
JavaScript实现设置默认日期范围为最近40天的方法分析
2020-12-09 19:45:18本文实例讲述了JavaScript实现设置默认日期范围为最近40天的方法。...另外,虽然把日期转为字符串可以用标准函数toLocaleString 来转换,不过日期格式不符合要求,所以增加了一个日期转换函数dateToS -
tolocalestring()和tostring()的区别用法
2021-08-01 21:19:34toLocaleString() 返回一个字符串表示数组中的元素。数组中的元素将使用各自的toLocaleString 方法转成字符串,这些字符串将使用一个特定语言环境的字符串(例如一个逗号 ",")隔开。 arr.toLocaleString([locales... -
一行代码实现时间格式化—toLocaleString
2021-01-29 14:52:01下面我们分别通过传统的方式和通过 toLocaleString 接口来实现。 传统写法 我们先用传统的方式来实现,输出格式例如:2019-09-27 16:23:21 function currentTime() { var now = new Date(); var zeroFill = ... -
js-toLocaleString的小技巧
2020-05-15 15:55:45toLocaleString Object.prototype.toLocaleString() 方法返回一个该对象的字符串表示。 obj.toLocaleString() :ObjecttoLocaleString返回调用toString()的结果。 该函数提供给对象一个通用的toLocaleString方法... -
toLocaleString---JS数据处理工具函数(转千分位,中文数字等)
2021-12-10 15:59:09toLocaleString---JS数据处理工具函数(转千分位,中文数字等)