javascript格式化日期时间函数

yizhihongxing

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日

相关文章

  • JS+Canvas实现满屏爱心和文字动画的制作

    接下来我将详细讲解“JS+Canvas实现满屏爱心和文字动画的制作”的完整攻略。 准备工作 创建 HTML 页面,并引入 Canvas 标签。 “`html Canvas Demo “` 在 JavaScript 文件中获取 Canvas 对象并设置宽高。 javascript var canvas = document.getElementById(“…

    JavaScript 2023年6月11日
    00
  • 微信小程序表单验证错误提示效果

    这里提供一份完整的“微信小程序表单验证错误提示效果”的攻略,以帮助开发者正确实现表单验证并进行错误提示。 1. 确定表单验证的规则 在开始编写表单验证之前,我们需要先确定表单的验证规则。这包括哪些字段是必填的(不能为空)、字段的数据类型、格式符合的正则表达式等等。 例如,在一个注册页面中,我们需要对用户的邮箱地址、密码、昵称等信息进行验证。验证规则可以如下所…

    JavaScript 2023年6月10日
    00
  • 基于JavaScript实现永远加载不满的进度条

    首先,我们需要明确什么是永远加载不满的进度条。通常的进度条是在页面加载时,根据已经加载的内容和总共需要加载的内容的比例来计算进度,然后根据计算结果来更新进度条。而永远加载不满的进度条则是一开始就处于满进度状态,然后随着页面加载,进度会逐渐减少,但是永远都不会完全填满。 实现这个效果需要完成以下几个步骤: 1. 首先,我们需要设置一个满进度条的状态 这个状态可…

    JavaScript 2023年6月10日
    00
  • HTML5中视频音频的使用详解

    HTML5中视频音频的使用详解 HTML5提供了一种在网页中嵌入音频和视频的新方法,使得开发者可以更好地控制和展示媒体内容。本篇攻略将为您详细讲解如何在HTML5中使用音频和视频。 视频标签 HTML5 提供了一个用于嵌入视频的 “video” 标签。如下所示: <video controls> <source src="movi…

    JavaScript 2023年6月11日
    00
  • 详解JavaScript进度管理

    详解JavaScript进度管理攻略 什么是JavaScript进度管理 JavaScript进度管理是指在Web开发中,通过JavaScript代码来实现对页面中正在进行的任务、流程、进度等进行可视化管理和控制的技术。通过JavaScript进度管理,可以让用户清晰地了解当前任务的状态,从而提高用户体验和工作效率。在很多Web应用中,JavaScript进…

    JavaScript 2023年6月10日
    00
  • js学习总结之DOM2兼容处理重复问题的解决方法

    js学习总结之DOM2兼容处理重复问题的解决方法 1. 什么是DOM2兼容问题 在早期浏览器中,对于DOM(文档对象模型)的实现存在很大差异。其中一个最明显的差异是很多浏览器不支持DOM2规范。在这种情况下,我们使用JavaScript操作DOM时会遇到一些兼容性问题,比如不能使用document.getElementById()方法获取DOM元素。 2. …

    JavaScript 2023年6月10日
    00
  • 原生JS实现简单的轮播图效果

    下面是“原生JS实现简单的轮播图效果”的攻略: 一、准备工作 编写HTML结构:轮播图容器、图片容器、图片等元素 样式设置:轮播图容器宽高、图片容器宽高、图片绝对定位、过渡效果、按钮样式等 示例代码: <div id="carousel"> <div id="slider"> <img s…

    JavaScript 2023年6月11日
    00
  • JavaScript中关于base64的一些事

    JavaScript中关于base64的一些事 什么是Base64 Base64是一种将二进制数据编码成可打印ASCII字符的方式。它可以将常见的图片、音频、视频等二进制文件以文本方式存储,方便数据传输和存储。 Base64编码与解码 Base64编码 在JavaScript中,可以使用btoa()函数将文本或二进制数据转换为Base64编码。 const …

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