js中时间格式化的几种方法

yizhihongxing

讲解js中时间格式化的几种方法的攻略如下:

一、JavaScript中的时间表示

在JavaScript中,时间是用毫秒数来表示的。毫秒数是从1970年1月1日00:00:00 UTC开始计算的,也被称为1970年纪元。这个时间点被称为UNIX时间。UNIX时间是一个标准时间,所有的计算机系统都使用它来存储时间数据。

二、格式化时间的方法

在JavaScript中,可以使用Date对象的方法来格式化时间。以下是几种常用的格式化时间的方法:

1. toISOString()方法

toISOString() 方法返回了一个符合 ISO8601 标准的日期字符串。这个方法可以直接被JSON.stringify()调用并包括整个日期对象。

以下是一个使用 toISOString() 方法的示例:

let date = new Date();
let dateString = date.toISOString();
console.log(dateString); // 输出:2021-08-31T12:34:56.000Z

2. toLocaleDateString()方法

toLocaleDateString() 方法返回一个本地化后的日期字符串。可以接收两个参数,第一个参数为locale代表本地化字符串,第二个参数为options是一个对象,可以包含一些选项。

以下是一个使用 toLocaleDateString() 方法的示例:

let date = new Date();
let options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' };
let dateString = date.toLocaleDateString('zh-CN', options);
console.log(dateString); // 输出:2021年8月31日星期二

3. toLocaleTimeString()方法

toLocaleTimeString() 方法返回一个本地化后的时间字符串。可以接收两个参数,第一个参数为locale代表本地化字符串,第二个参数为options是一个对象,可以包含一些选项。

以下是一个使用 toLocaleTimeString() 方法的示例:

let date = new Date();
let options = { hour12: false };
let timeString = date.toLocaleTimeString('en-US', options);
console.log(timeString); // 输出:12:34:56

4. 格式化字符串

另一种格式化时间的方法是使用字符串。可以使用字符串的slice()方法来提取Date对象的各个部分(年、月、日、时、分、秒),然后拼接在一起。

以下是一个使用字符串格式化时间的示例:

let date = new Date();
let dateString = `${date.getFullYear()}-${('0' + (date.getMonth() + 1)).slice(-2)}-${('0' + date.getDate()).slice(-2)}`;
console.log(dateString); // 输出:2021-08-31

以上是JavaScript中时间格式化的几种方法。

希望以上内容能够对您有所帮助。

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js中时间格式化的几种方法 - Python技术站

(0)
上一篇 2023年5月27日
下一篇 2023年5月27日

相关文章

  • 108中超轻量级的加载动画!

    大家好,我是【程序视点】小二哥! 今天要上的菜不是 Animate.js,也不是 Move.js,而是能提供108种加载动画的库:Whirl. 最省力的加载动画 话不多说,直接来看例子。 以上只是冰山一角。whirl的CSS加载动画集合中有108种选项供你挑选。选中喜欢的动画后,点击“Grab the CSS on Github!”。将跳转到Github页面…

    JavaScript 2023年5月8日
    00
  • Javascript实现元素选择器功能

    实现元素选择器的功能,需要使用JavaScript中的DOM操作方法。以下是实现此功能的攻略: 1. getElementById()方法 使用 getElementById() 方法可以通过指定元素的 ID 获取该元素的引用。 例如: var element = document.getElementById("myId"); // 获…

    JavaScript 2023年6月10日
    00
  • Javascript定义类(class)的三种方法详解

    Javascript定义类(class)的三种方法详解 1. ES6 Class 首先,“ES6 Class”是一种相对简单的定义类的方法,它采用了一种“类”的概念,并以“class”关键字来定义类。这种方法最常用,也是最简单的定义类的方式。 class Person { constructor(name, age) { this.name = name; …

    JavaScript 2023年5月27日
    00
  • input file样式修改以及图片预览删除功能详细概括(推荐)

    下面是详细的攻略: input file样式修改以及图片预览删除功能详细概括 1. input file样式修改 1.1 使用label标签+input file实现input file样式修改 通过使用label标签中的for属性和input file中的id属性相互关联,可以实现点击label标签就可以调起input file选择文件的功能,从而在外观上…

    JavaScript 2023年6月11日
    00
  • Javascript Math valueOf() 方法

    JavaScript中的Math对象中的valueOf()方法返回Math对象的原始值。下面是关于Math.valueOf()方法的完整攻略,包括语法、示例和结。 JavaScript Math对象的valueOf()方法 JavaScript的valueOf()方法返回Math对象的原始值。下面是valueOf()方法的语法: Math.valueOf()…

    JavaScript 2023年5月11日
    00
  • 关于 byval 与 byref 的区别分析总结

    关于 ByVal 与 ByRef 的区别分析总结 在 VBA 中,在声明函数或过程时,我们需要指定参数的传递方式,通常有两种方式:ByVal 和 ByRef。这两种方式的区别在于,ByVal 传递参数的值,而 ByRef 传递参数的引用地址。下面我们来详细讲解这两种方式的区别。 ByVal 的用法 在 VBA 中,ByVal 是指传递参数的值。也就是说,当我…

    JavaScript 2023年6月11日
    00
  • JS原型链怎么理解

    JS原型链是JS中一个非常重要的概念,理解原型链可以帮助我们更好地理解JS中的对象,继承以及函数等相关知识。下面是JS原型链的详细讲解攻略。 什么是原型链? 在了解什么是原型链之前,我们首先要了解JS中对象的原型。 在JS中,每个对象都有一个原型对象 prototype,其包含了一组属性和方法,并且可以和其他对象形成继承关系。在访问一个对象的属性或方法时,如…

    JavaScript 2023年6月10日
    00
  • js操作iframe的一些方法介绍

    下面是详细讲解“js操作iframe的一些方法介绍”的完整攻略。 一、iframe简介 <iframe>是HTML中用于在页面中嵌入另外一个HTML页面的标签。在嵌入的页面加载完毕后,我们可以使用JavaScript操作<iframe>中的内容。 二、iframe的常用属性 src:指定嵌入的页面地址。 name:为<ifram…

    JavaScript 2023年6月10日
    00
合作推广
合作推广
分享本页
返回顶部