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日

相关文章

  • js循环中使用正则失效异常的踩坑实战

    下面是“js循环中使用正则失效异常的踩坑实战”的完整攻略: 问题描述 在 JavaScript 代码中使用循环处理多个字符串时,我们可能会使用正则表达式进行匹配和替换。但是,在某些情况下,我们在循环中使用正则表达式时,可能会遇到正则表达式失效的异常,即我们无法正确地匹配到字符串的值。这种情况下,我们需要注意一些问题,以保证代码正常运行。 原因分析 引起正则表…

    JavaScript 2023年6月10日
    00
  • JS简单生成两个数字之间随机数的方法

    生成两个数字之间的随机数在开发中是很常见的需求,下面我将为大家提供 JS 简单生成两个数字之间随机数的攻略: 使用 Math.random() 方法 Math.random() 方法返回一个介于 0 到 1 之间的随机数。我们可以使用该方法生成两个数字之间的随机数。 在获取到随机数后,我们可以将其范围转换为两个数字之间的随机数,例如要生成 1 到 100 之…

    JavaScript 2023年5月28日
    00
  • JS实现的走迷宫小游戏完整实例

    下面是“JS实现的走迷宫小游戏完整实例”的完整攻略: 1.准备工作 1.1 HTML结构 在HTML中使用一个canvas元素来绘制迷宫,并使用一个button元素来触发游戏。示例代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"&g…

    JavaScript 2023年5月28日
    00
  • 基于JavaScript表单脚本(详解)

    基于JavaScript表单脚本(详解) 1. JavaScript表单脚本概述 JavaScript表单脚本是一种可以处理HTML表单的编程语言,可以修改表单元素,验证表单数据以及提交表单,并与服务器进行通信。 主要包括以下几个方面: 访问表单元素:JavaScript可以使用document.forms或者document.getElmentById()…

    JavaScript 2023年5月18日
    00
  • JavaScript浏览器对象之一Window对象详解

    JavaScript浏览器对象之一Window对象详解 Window对象是JavaScript浏览器对象模型的核心之一,在浏览器开发中扮演着非常重要的角色。本文将主要介绍Window对象的使用方法和相关知识。 Window对象是什么 在JavaScript中,window对象表示浏览器中的窗口或框架,它是JavaScript访问浏览器窗口和框架中所有元素的接…

    JavaScript 2023年5月27日
    00
  • javascript整除实现代码

    Javascript整除实现代码攻略 在Javascript中,没有提供类似于Java或C++等语言中的整除运算符,因此我们需要在代码中自己实现这一功能。下面详细介绍Javascript整除实现的几种方法。 方法一:使用Bitwise操作符 可以使用Bitwise操作符来实现整除,具体思路是先进行整数运算,然后通过Bitwise运算符强制取整,从而达到整除的…

    JavaScript 2023年5月18日
    00
  • JavaScript深入刨析this的指向以及如何修改指向

    JavaScript深入刨析this的指向以及如何修改指向 什么是this 在JavaScript中,this是一个十分重要且常用的关键字,用来指代当前函数执行上下文中的对象。而这个对象指代的意义在不同的使用场景下会发生变化,因此我们需要深入学习并理解this的指向。 在JavaScript中,this的指向可以分为以下4种情况: 作为对象的方法调用:thi…

    JavaScript 2023年6月10日
    00
  • 基于JavaScript实现密码框验证信息

    关于“基于JavaScript实现密码框验证信息”的完整攻略,介绍如下: 1. 确定密码验证的具体需求 在实现密码框验证信息前,首先需要明确密码验证的具体需求,例如: 密码长度是否需要限制? 密码是否需要包含特定的字符、数字、大小写字母、符号等要素? 密码是否需要与确认密码保持一致? 密码校验失败时需要如何提示用户? 透彻地明确这些细节,才能更好地编写 Ja…

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