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日

相关文章

  • 关于javascript中this关键字(翻译+自我理解)

    关于JavaScript中this关键字的理解是前端开发中至关重要的一部分,因为它涉及到了JavaScript中的作用域和上下文。以下是关于JavaScript中this关键字的翻译和自我理解的攻略。 什么是this关键字? 在JavaScript中,this是一个特殊的关键字,它表示当前作用域下的对象。但是,它的值在执行上下文中是动态变化的,因此需要特别注…

    JavaScript 2023年6月10日
    00
  • Javascript中正则表达式的应用详解

    Javascript中正则表达式的应用详解 什么是正则表达式 正则表达式是一种描述字符串模式的工具,可以方便快捷的进行字符串匹配、替换等操作。Javascript内建的正则表达式库是RegExp。 创建正则表达式 Javascript中可以通过两种方式创建正则表达式 直接量方法 使用/pattern/表示式,其中pattern是需要匹配的模式。 例如:匹配字…

    JavaScript 2023年6月10日
    00
  • 你需要了解的ES6语法大总结

    当今Web前端开发已经离不开ES6语法的支持。在学习ES6语法的过程中,我们需要了解与之相关的知识点,包括模块(Module)、箭头函数(Arrow Function)、解构赋值(Destructuring Assignment)、let和const的区别、模板字符串(Template Strings)、默认参数(Default Parameters)、展开…

    JavaScript 2023年6月10日
    00
  • Js数组排序函数sort()介绍

    Js数组排序函数sort()介绍 简介 JavaScript中的数组有一个sort()方法可以对数组进行排序。sort()方法可以按照指定的排序规则进行排序。 语法 array.sort([compareFunction]) 其中,compareFunction是可选参数,用于指定排序的规则。如果没有指定参数,那么sort()方法会将数组元素按照Unicod…

    JavaScript 2023年5月27日
    00
  • JavaScript类和继承 constructor属性

    JavaScript类和继承是面向对象编程的主要概念之一。构造函数是类的重要组成部分之一,通过构造函数我们可以创建新的实例,同时constructor属性则是描述类的属性之一。以下是完整攻略: 一、JS类的创建 JS 类的创建可以使用ES5和ES6进行定义。 在ES5 中,使用构造函数和原型算法来定义类,而在ES6 中,使用class和constructor…

    JavaScript 2023年5月27日
    00
  • JavaScript中Function与Object的关系

    JavaScript中Function与Object的关系 在JavaScript中,Function和Object的关系是非常密切的,因为Function就是一种特殊的Object。在JavaScript中,一切皆为对象,不仅包括原始类型(如数字、字符串),也包括函数。 Function是Object的一个子类 在JavaScript中,Function也…

    JavaScript 2023年5月27日
    00
  • Javascript valueOf 方法

    以下是关于JavaScript valueOf方法的完整攻略。 JavaScript valueOf方法 JavaScript valueOf方法是所有JavaScript对象的一个方法,用于返回对象的原始值。对于Number对象,方法返回对象的原数字值。 下面是一个使用valueOf方法的示例: var num = new Number(123); con…

    JavaScript 2023年5月11日
    00
  • Javascript和Ajax中文乱码吐血版解决方案

    以下是“Javascript和Ajax中文乱码吐血版解决方案”的完整攻略。 问题背景 在使用Javascript和Ajax编写中文网站时,可能会出现中文乱码的问题,导致网站无法正常显示中文内容。这是因为Javascript和Ajax默认使用的是UTF-8编码,而服务器返回的数据可能是其他编码方式,例如GB2312编码。如果两种编码方式不一致,就会出现中文乱码…

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