关于js中的toLocaleDateString()方法
toLocaleDateString()方法是JavaScriptDate对象的一个内建方法,它将日期转换为符合特定地区习惯的字符串格式。
基本用法:
如果没有传入任何参数,toLocaleDateString()会根据浏览器的默认语言环境返回一个日期字符串。
例如:
let date = new Date();
console.log(date.toLocaleDateString()); // 输出形如 "8/25/2023" 的日期,具体格式会根据你的语言环境设置有所不同
参数:
toLocaleDateString()方法可以接受两个参数:locales和options。
locales参数:一个字符串或字符串数组,表示要使用的语言环境。这个参数使用BCP 47语言标签。例如,英语(美国)的标签为"en-US",而中文(中国)的标签为"zh-CN"。options参数:一个对象,用于定制日期和时间的格式。这个对象可以包含以下属性:
era: 'narrow', 'short', 'long'year: 'numeric', '2-digit'month: 'numeric', '2-digit', 'narrow', 'short', 'long'day: 'numeric', '2-digit'weekday: 'narrow', 'short', 'long'hour: 'numeric', '2-digit'minute: 'numeric', '2-digit'second: 'numeric', '2-digit'timeZoneName: 'short', 'long'
其中,'numeric'表示用数字表示,'2-digit'表示用至少两位数字表示。对于'month'和'weekday',还可以选择'narrow'(最短)、'short'(短)或'long'(长)的文本格式。
例如,如果你想要一个完整的日期字符串(包括星期、月、日和年),你可以这样做:
let date = new Date();
let options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
console.log(date.toLocaleDateString("en-US", options)); // 输出 "Thursday, August 25, 2023"
在这个例子中,我们创建了一个当前日期的Date对象,然后使用toLocaleDateString()将其转换为美国英语的日期字符串,格式为"星期,月份 日,年"。
注意:
toLocaleDateString()的输出可能因浏览器和浏览器版本的不同而略有差异,因为不同的浏览器可能对日期和时间的格式有不同的实现。
使用案例
这里有一些使用toLocaleDateString()的例子,展示了如何使用不同的locales和options参数来改变日期格式:
例子1:使用美国的日期格式
let date = new Date();
let formattedDate = date.toLocaleDateString("en-US"); // "MM/DD/YYYY" 格式
console.log(formattedDate); // 输出 "8/25/2023",假设当前日期是2023年8月25日
例子2:使用英国的日期格式
let date = new Date();
let formattedDate = date.toLocaleDateString("en-GB"); // "DD/MM/YYYY" 格式
console.log(formattedDate); // 输出 "25/08/2023",假设当前日期是2023年8月25日
例子3:使用长格式的日期
let date = new Date();
let options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
let formattedDate = date.toLocaleDateString("en-US", options);
console.log(formattedDate); // 输出 "Friday, August 25, 2023",假设当前日期是2023年8月25日
例子4:使用年和月
let date = new Date();
let options = { year: 'numeric', month: 'long' };
let formattedDate = date.toLocaleDateString("en-US", options);
console.log(formattedDate); // 输出 "August 2023",假设当前日期是2023年8月
例子5:使用日和星期
let date = new Date();
let options = { weekday: 'long', day: 'numeric' };
let formattedDate = date.toLocaleDateString("en-US", options);
console.log(formattedDate); // 输出 "Friday, 25",假设当前日期是8月25日,星期五
例子6:使用指定的ISO 8601格式的日期时间字符串
这个日期是一个ISO 8601格式的日期时间字符串,这是一种国际标准的日期和时间表示方法。下面是这个日期时间字符串的各个部分的含义:
2004-05-03:这是日期部分,表示2004年5月3日。T:这是一个分隔符,用来分隔日期和时间部分。17:30:08:这是时间部分,表示17时30分08秒(24小时制)。+08:00:这是时区部分,表示这个日期时间是相对于UTC+8时区的。
所以,这个日期时间字符串表示的是2004年5月3日,UTC+8时区的下午5点30分08秒。
const event = new Date('2004-05-03T17:30:08+08:00');
const options = { year: 'numeric', month: 'long', day: 'numeric', hour:'numeric',minute: 'numeric' }
console.log(event.toLocaleDateString('zh-cn', options)); //输出:2004年5月3日 17:30
以上每个例子都展示了如何使用不同的locales和options参数来定制toLocaleDateString()的输出。你可以根据需要混合和匹配这些参数来创建你需要的日期格式。
关于js中的toLocaleDateString()方法的更多相关文章
- js中的tostring()方法
http://blog.sina.com.cn/s/blog_85c1dc100101bxgg.html js中的tostring()方法 (2013-11-12 11:07:43) 转载▼ 标签: ...
- 秒味课堂Angular js笔记------Angular js中的工具方法
Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...
- JS中通过call方法实现继承
原文:JS中通过call方法实现继承 讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1999/xhtml"& ...
- jQuery与JS中的map()方法使用
1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...
- JavaScript -- 时光流逝(二):js中数组的方法
JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...
- ASP.NET#使用母版时,如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题
当使用母版,要使用js中的getElementById()方法取得某个内容页的元素时,所选取的id并不是母版中内容页的id,而是在设计内容页时设定的id例子:母版页: ...... <head ...
- JS与OC交互,JS中调用OC方法(获取JSContext的方式)
最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...
- JS中split使用方法和数组中元素的删除
JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...
- JS中的splice方法
JS中的splice方法 定义和用法 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. 注释:该方法会改变原始数组(集合). 语法 arrayObject.splice(ind ...
- 【repost】JS中的异常处理方法分享
我们在编写js过程中,难免会遇到一些代码错误问题,需要找出来,有些时候怕因为js问题导致用户体验差,这里给出一些解决方法 js容错语句,就是js出错也不提示错误(防止浏览器右下角有个黄色的三角符号,要 ...
随机推荐
- GitFlow ⼯作流
前言 Git 是一个开源分布式版本控制系统,它可以很方便的帮我们记录文件的改动,就像下面一样: 我们可以很快的跳到文件改动的某一个版本(就像时空穿梭一样). Git 在程序开发中,作为一个源码管理系统 ...
- Oracle中IMP导入数据时提示字符集不一致解决
生产环境中经常使用到Oracle的IMP导入和EXP导出来功能来达到数据迁移的目的,通常在源数据库和目标数据库中查询字符集是否致, 测试环境中导入IMP导入报错信息如下: 导入命令如下: [orac ...
- Proxmox VE安装CentOS 8.3
相信玩服务器/VPS的对CentOS一定不陌生,CentOS 是一个基于Red Hat Linux 提供的可自由使用源代码的企业级Linux发行版本.因为是免费的,现在很多WEB服务器和VPS都经常使 ...
- oracle怎么查询重复的数据
在oracle中,可以利用count()函数配合select查询语句来查询重复的数据,语法为"select userCode from user group by userCode havi ...
- 原生 JS 实现 HTML 转 Markdown ,(html2md.js 或 html2markdown.js)
之前因为一些需要,需要转换部分 HTML 标签成 markdown 格式,但是不知不觉就完善到一个相对完整的函数. 然后我就封装成了一个文件放在了 github ( https://github.co ...
- CSS文本超出省略
语法: text-overflow:clip|ellipsis|"任意字符" <!DOCTYPE html> <html> <head> < ...
- nodejs读写yaml
nodejs读写yaml npm install -g js-yaml // read.js const fs = require('fs'); const yaml = require('js-ya ...
- PyInstaller 常用用法
PyInstaller 常用用法 PyInstaller 是一个跨平台的 Python 应用打包工具,支持 Windows/Linux/MacOS 三大主流平台,能够把 Python 脚本及其所在的 ...
- 使用Python可视化莫比乌斯带
引言 莫比乌斯带,这个名字或许大家都听过,但你知道它是什么吗?它是一种非常神奇的几何物体,只有一个面和一个边,乍一看,似乎是个不可思议的存在.今天,我们就来用 Python 轻松地可视化莫比乌斯带,一 ...
- OpenJDK与OracleJDK--不挣钱的永远是二等公民
众所周知,编程语言是的根是它的标准.标准和国际技术组织密切相关,比如 c++标准,由国际标准化组织(ISO) 的 C++ 标准委员会ISO/IEC JTC1/SC22/WG21)维护更新,他们发布的标 ...