javascript格式化日期时间函数

JavaScript 格式化日期时间函数

JavaScript 提供了几个内置函数,用于格式化日期和时间。您可以使用这些函数轻松地格式化日期和时间。

Date 对象

跟踪时间是计算机编程中的一个常见任务。JavaScript 提供了日期对象来处理日期和时间。

创建一个日期对象有几种方法:

let date = new Date();

这个语句创建了一个包含当前日期和时间(按照本地时间)的 Date 对象。如果需要,可以向构造函数传入一个时间戳来创建特定的日期和时间:

let date2 = new Date(86400000); // 1970年1月2日

请注意,时间戳的单位是毫秒(千分之一秒)。86400000 毫秒等于一天(24 小时 x 60 分钟 x 60 秒 x 1000 毫秒)。

格式化日常

JS 提供了几个日期相关函数可以格式化日期。

toLocaleDateString() 函数

toLocaleDateString() 函数返回本地日期格式的字符串(不包括时间部分),例如:“2022/08/12”。

let date = new Date();
console.log(date.toLocaleDateString());

输出:

"2022/08/12"

toLocaleTimeString() 函数

toLocaleTimeString() 函数返回本地时间格式的字符串(不包括日期部分),例如:“下午2:51:37”。

let date = new Date();
console.log(date.toLocaleTimeString());

输出:

"下午2:51:37"

toLocaleString() 函数

toLocaleString() 函数返回本地日期和时间格式的字符串。

let date = new Date();
console.log(date.toLocaleString());

输出:

"2022/8/12 下午2:51:37"

自定义日期格式

上面的函数虽然可以方便地获得本地日期和时间的格式,但它们的格式是固定的,无法自定义格式。

下面介绍几个常用的自定义日期格式的方法。

getFullYear() 函数

getFullYear() 函数返回指定日期的年份:

let date = new Date();
console.log(date.getFullYear());

输出:

2022

getMonth() 函数

getMonth() 函数返回指定日期的月份(0 - 11):

let date = new Date();
console.log(date.getMonth());

输出:

7

请注意,月份数组从零开始 - 因此 getMonth() 返回 7,而不是 8

getDate() 函数

getDate() 函数返回指定日期的月份中的天数(1 - 31):

let date = new Date();
console.log(date.getDate());

输出:

12

getDay() 函数

getDay() 函数返回指定日期的星期几(0 - 6):

let date = new Date();
console.log(date.getDay());

输出:

5

请注意,星期 0 表示周日,星期 6 表示周六。

getHours() 函数

getHours() 函数返回指定日期的小时数(0 - 23):

let date = new Date();
console.log(date.getHours());

输出:

14

getMinutes() 函数

getMinutes() 函数返回指定日期的分钟数(0 - 59):

let date = new Date();
console.log(date.getMinutes());

输出:

51

getSeconds() 函数

getSeconds() 函数返回指定日期的秒数(0 - 59):

let date = new Date();
console.log(date.getSeconds());

输出:

37

以下是一个将日期时间转换为指定格式的函数:

function formatDateTime(dateTime, format) {
    let day = dateTime.getDate();
    let month = dateTime.getMonth() + 1;
    let year = dateTime.getFullYear();
    let hours = dateTime.getHours();
    let minutes = dateTime.getMinutes();
    let seconds = dateTime.getSeconds();

    format = format.replace("DD", day);
    format = format.replace("MM", month);
    format = format.replace("YYYY", year);
    format = format.replace("hh", hours);
    format = format.replace("mm", minutes);
    format = format.replace("ss", seconds);

    return format;
}

您可以将日期时间对象和自定义格式传递给此函数:

let date = new Date();
console.log(formatDateTime(date, "YYYY/MM/DD hh:mm:ss"));

输出:

"2022/08/12 14:51:37"

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:javascript格式化日期时间函数 - Python技术站

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

相关文章

  • 详解ES6中的let命令

    我来为你详细讲解ES6中的let命令的完整攻略。 什么是let命令 在ES6中,let命令是用来声明变量的,与之前的var命令不同的是,let声明的变量只在块级作用域内部有效,不存在变量提升的现象,且不可重复声明。 块级作用域 什么是块级作用域?块级作用域就是在花括号内部的作用域,通常用来限制变量的作用范围。 示例1 { let a = 1; var b =…

    JavaScript 2023年6月11日
    00
  • 解决JS请求服务器gbk文件乱码的问题

    当我们使用JavaScript从服务器请求文本数据时,可能会遇到文本编码不符合UTF-8(如GBK)的情况,导致在浏览器端显示出错了,我们需要对此进行处理。 1. 了解传统的字符编码方式 在 Web 开发初期,世界各地的计算机都有自己的字符编码规范,因此引起了字符编码混乱的情况。后来,Unicode 规范提出来,尝试解决全球字符集的问题,UTF-8 字符编码…

    JavaScript 2023年5月19日
    00
  • javascript常用经典算法实例详解

    JavaScript常用经典算法实例详解 JavaScript常用经典算法实例涵盖了排序、查找、字符串处理等多个算法类型。下面将对其中的两个示例进行详细说明。 示例一:冒泡排序算法 冒泡排序是一种常见的排序算法,其基本思想是不断比较相邻两个元素的大小,将较大的元素向后移动,最终实现数组的升序排列。 下面是一个使用JavaScript实现冒泡排序的示例代码: …

    JavaScript 2023年5月18日
    00
  • asp+jsp+JavaScript动态实现添加数据行

    为了实现添加数据行,我们需要使用以下技术: ASP:一种用于创建动态Web应用程序的服务器端脚本技术; JSP:一种用于创建动态Web应用程序的服务器端脚本技术; JavaScript:一种用于在网页中添加交互和动态效果的编程语言。 下面是实现添加数据行的详细攻略: 创建一个HTML页面。在页面中,添加一个表格元素,并为其添加表头和一个空的表体: <h…

    JavaScript 2023年6月10日
    00
  • js格式化时间和js格式化时间戳示例

    下面是我对“js格式化时间和js格式化时间戳示例”的详细讲解。 什么是js格式化时间和js格式化时间戳? 在网站开发过程中,时间是一个很常见的数据类型。js格式化时间指的是将时间戳转化为人类可读的时间字符串,而js格式化时间戳指的是将时间字符串转化为时间戳。 如何使用js格式化时间? 在js中,可以使用Date对象来处理时间。下面是一个使用js格式化时间的示…

    JavaScript 2023年5月27日
    00
  • JS 作用域与作用域链详解

    当我们使用 JavaScript 编写代码时,经常会遇到变量作用域的问题,这个时候就需要了解 JavaScript 的作用域与作用域链。了解 JavaScript 的作用域与作用域链,可以帮助我们更好地理解 JavaScript 代码运行的流程,从而提高编程效率和代码质量。 一、作用域 1.1 什么是作用域 作用域是指变量和函数的可访问范围。JavaScri…

    JavaScript 2023年6月10日
    00
  • jQuery+HTML5实现WebGL高性能烟花绽放动画效果【附demo源码下载】

    首先需要明确的是,WebGL是一种实现3D图形的Web标准技术,而HTML5则是当今Web开发最热门的技术之一。而本攻略则是讲解如何使用jQuery和HTML5来实现高性能的烟花绽放动画效果。 第一步:准备工作 在开始使用jQuery+HTML5实现WebGL高性能烟花绽放动画效果之前,我们需要进行一些准备工作。具体如下: 下载WebGL的JavaScrip…

    JavaScript 2023年6月11日
    00
  • JavaScript中Array.from()的超全用法详解

    JavaScript中Array.from()的超全用法详解 什么是Array.from() Array.from()是ECMAScript6中新增的一个方法,可以将类数组对象和可迭代对象(如Set、Map)转换成真正的数组,方便对数据进行操作。 Array.from()的语法结构 Array.from(iterable[, mapFn[, thisArg]…

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