toLocaleDateString()方法是JavaScript Date对象的一个内建方法,它将日期转换为符合特定地区习惯的字符串格式。

基本用法:

如果没有传入任何参数,toLocaleDateString()会根据浏览器的默认语言环境返回一个日期字符串。

例如:

let date = new Date();
console.log(date.toLocaleDateString()); // 输出形如 "8/25/2023" 的日期,具体格式会根据你的语言环境设置有所不同

参数:

toLocaleDateString()方法可以接受两个参数:localesoptions

  1. locales参数:一个字符串或字符串数组,表示要使用的语言环境。这个参数使用BCP 47语言标签。例如,英语(美国)的标签为"en-US",而中文(中国)的标签为"zh-CN"。

  2. 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()的例子,展示了如何使用不同的localesoptions参数来改变日期格式:

例子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

以上每个例子都展示了如何使用不同的localesoptions参数来定制toLocaleDateString()的输出。你可以根据需要混合和匹配这些参数来创建你需要的日期格式。

关于js中的toLocaleDateString()方法的更多相关文章

  1. js中的tostring()方法

    http://blog.sina.com.cn/s/blog_85c1dc100101bxgg.html js中的tostring()方法 (2013-11-12 11:07:43) 转载▼ 标签: ...

  2. 秒味课堂Angular js笔记------Angular js中的工具方法

    Angular js中的工具方法 angular.isArray angular.isDate angular.isDefined angular.isUndefined angular.isFunc ...

  3. JS中通过call方法实现继承

    原文:JS中通过call方法实现继承 讲解都写在注释里面了,有不对的地方请拍砖,谢谢! <html xmlns="http://www.w3.org/1999/xhtml"& ...

  4. jQuery与JS中的map()方法使用

    1.jquery中的map()方法 首先看一个简单的实例: $("p").append( $("input").map(function(){ return $ ...

  5. JavaScript -- 时光流逝(二):js中数组的方法

    JavaScript -- 知识点回顾篇(二):js中数组的方法 1. 数组 (1)定义数组,数组赋值 <script type="text/javascript"> ...

  6. ASP.NET#使用母版时,如果要使用js中的getElementById()方法取得某个内容页的元素时要注意的问题

    当使用母版,要使用js中的getElementById()方法取得某个内容页的元素时,所选取的id并不是母版中内容页的id,而是在设计内容页时设定的id例子:母版页: ...... <head ...

  7. JS与OC交互,JS中调用OC方法(获取JSContext的方式)

    最近用到JS和OC原生方法调用的问题,查了许多资料都语焉不详,自己记录一下吧,如果有误欢迎联系我指出. JS中调用OC方法有三种方式: 1.通过获取JSContext的方式直接调用OC方法 2.通过继 ...

  8. JS中split使用方法和数组中元素的删除

    JS中split使用方法和数组中元素的删除 JS中split使用方法 <script language="javascript"> function spli(){ d ...

  9. JS中的splice方法

    JS中的splice方法 定义和用法 splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目. 注释:该方法会改变原始数组(集合). 语法 arrayObject.splice(ind ...

  10. 【repost】JS中的异常处理方法分享

    我们在编写js过程中,难免会遇到一些代码错误问题,需要找出来,有些时候怕因为js问题导致用户体验差,这里给出一些解决方法 js容错语句,就是js出错也不提示错误(防止浏览器右下角有个黄色的三角符号,要 ...

随机推荐

  1. python正则表达式笔记2

    由 '\' 和一个字符组成的特殊序列在以下列出. 如果普通字符不是ASCII数位或者ASCII字母,那么正则样式将匹配第二个字符.比如,\$ 匹配字符 '$'. \number匹配数字代表的组合.每个 ...

  2. 团队小规模本地大模型服务平台搭建 - Windows

    实现目标和考虑因素 部署一个支持多用户同时使用.多模型运行的离线局域网大模型服务器 需要考虑以下几个关键因素: 大模型的加载和管理.使用一个基础大模型,根据需要创建多个专用模型,模型管理方便可靠. 并 ...

  3. 如何在 Git 书写良好的 Commit Messages

    如何在 Git 书写良好的 Commit Messages Why(为什么编写) | How(如何编写) Why A diff will tell you what changed, but only ...

  4. swich语句

    1.switch语句格式 括号内的是待匹配内容,然后case后的是被匹配内容,如果括号内的内容与case后的内容一致,则会打印语句体 . 2.实操(后面的省略了) 3.注意事项 1.case后面的值不 ...

  5. 基于C#的学生社团管理系统(简单基础版)

    前言 该系统为个人独立编写测试,也算自己的孩子吧,虽然基础功能简单但是也为了大家能有个可以借鉴,可以改写的模版使用,我就写个博客让大家参考,但是拒绝搬运售卖. * 正式介绍 该系统基于C#开发,使用V ...

  6. 分布式任务调度系统 xxl-job

    微服务难不难,不难!无非就是一个消费方,一个生产方,一个注册中心,然后就是实现一些微服务,其实微服务的难点在于治理,给你一堆 微服务,如何来管理?这就有很多方面了,比如容器化,服务间通信,服务上下线发 ...

  7. python 入门专辑资料整理学习

    Python 是一门开源免费.通用型的脚本编程语言,它上手简单,功能强大,坚持极简主义. Python 类库(模块)极其丰富,这使得 Python 几乎无所不能,不管是传统的 Web 开发.PC 软件 ...

  8. APT32 RTC+低功耗调试笔记

    1.项目需求    采用APT32F1023单片机,内部27K时钟驱动RTC,内部6M定时器作为主频.周期检测外部供电是否恢复,如果恢复则使用正常工作模式,否则仅开启RTC,关闭其他外设,进入低功耗待 ...

  9. CentOS linux安装nginx

    1.下载nginx-1.21.3.tar.gz 及 nginx-upstream-fair-master.zip 2.上传nginx-upstream-fair-master至/app/server/ ...

  10. nodejs获取一个可用的端口,检查端口是否被占用(完美方案)

    nodejs检查端口是否被占用,先看个运行效果: E:\wamp64\www\tmpPro\tryuseport>node t.js 端口:8022被占用 端口:8023被占用 端口:8024可 ...