js中格式化日期时间型数据函数代码

要在JavaScript中格式化日期时间型数据,可以使用Date对象自带的方法,也可以使用第三方库如Moment.js。下面将分别介绍这两种方法的使用。

使用Date对象自带的方法

使用Date对象自带的方法可以方便地获取当前的日期时间或指定日期时间的格式化值。以下是一些常用的Date对象方法及其返回值:

Date.getFullYear()

获取指定日期的年份。例如:

const date = new Date('2021-07-15T01:23:45');
const year = date.getFullYear();
console.log(year); // 2021

Date.getMonth()

获取指定日期的月份,注意返回值从0开始计数(0表示1月,1表示2月,以此类推)。例如:

const date = new Date('2021-07-15T01:23:45');
const month = date.getMonth(); // 6,表示7月份
console.log(month);

Date.getDate()

获取指定日期的日期部分,即几号。例如:

const date = new Date('2021-07-15T01:23:45');
const day = date.getDate(); // 15
console.log(day);

Date.getHours()

获取指定日期的小时数。例如:

const date = new Date('2021-07-15T01:23:45');
const hour = date.getHours(); // 1
console.log(hour);

Date.getMinutes()

获取指定日期的分钟数。例如:

const date = new Date('2021-07-15T01:23:45');
const minute = date.getMinutes(); // 23
console.log(minute);

Date.getSeconds()

获取指定日期的秒数。例如:

const date = new Date('2021-07-15T01:23:45');
const second = date.getSeconds(); // 45
console.log(second);

如果要获取当前的日期时间,只需要创建一个空的Date对象即可:

const now = new Date();
console.log(now.getFullYear()); // 当前年份
console.log(now.getMonth());    // 当前月份
console.log(now.getDate());     // 当前几号
console.log(now.getHours());    // 当前小时数
console.log(now.getMinutes());  // 当前分钟数
console.log(now.getSeconds());  // 当前秒数

构建自定义格式化字符串

如果需要将以上的各个部分组合成一个完整的日期时间格式化字符串,可以使用字符串模板或者正则表达式。以下是一个实现将Date对象转换成自定义格式化字符串的示例代码:

function formatDate(date, format) {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const day = date.getDate();
  const hour = date.getHours();
  const minute = date.getMinutes();
  const second = date.getSeconds();
  const dateFormat = {
    'yyyy': year,
    'MM': month.toString().padStart(2, '0'),
    'dd': day.toString().padStart(2, '0'),
    'HH': hour.toString().padStart(2, '0'),
    'mm': minute.toString().padStart(2, '0'),
    'ss': second.toString().padStart(2, '0')
  };
  const regExp = new RegExp(Object.keys(dateFormat).join('|'), 'g');
  return format.replace(regExp, match => dateFormat[match]);
}

该函数接收一个Date对象和一个格式化字符串,返回格式化后的日期时间字符串。使用示例如下:

const date = new Date('2021-07-15T01:23:45');
console.log(formatDate(date, 'yyyy/MM/dd HH:mm:ss')); // "2021/07/15 01:23:45"
console.log(formatDate(date, 'HH:mm:ss'));           // "01:23:45"

使用Moment.js库

Moment.js是一个流行的JavaScript日期时间处理库,有着更多的功能和更易用的API。使用Moment.js可以轻松地解析、格式化、计算和操作日期时间。以下是使用Moment.js进行日期时间格式化的示例代码:

首先需要引入Moment.js:

<script src="https://cdn.bootcdn.net/ajax/libs/moment.js/2.29.1/moment.min.js"></script>

然后,可以使用moment()函数或moment对象指定一个日期时间,然后使用format()函数指定格式化字符串:

const date = moment('2021-07-15T01:23:45');
console.log(date.format('YYYY/MM/DD HH:mm:ss'));  // "2021/07/15 01:23:45"
console.log(date.format('HH:mm:ss'));            // "01:23:45"

除了format()函数,Moment.js还提供了很多其他有用的函数,如add()、subtract()、startOf()、endOf()等,可以方便地进行日期时间计算和操作。

以上是JS中格式化日期时间型数据函数代码的完整攻略,希望能对你有所帮助!

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

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

相关文章

  • JavaScript实现数字前补“0”的五种方法示例

    JavaScript实现数字前补“0”是一个常见的需求。在编程中,我们经常需要对数字进行前补“0”的操作,以匹配字符串的长度或者满足数据格式的要求。本文将详细讲解五种JavaScript实现数字前补“0”的方法示例。 方法一:字符串拼接 其实,这是最常见的一种方法。可以将数字字符与“0”字符进行拼接,再将结果转换为字符串。拼接前需要判断数字是否占位够用。代码…

    JavaScript 2023年5月28日
    00
  • JS取模、取商及取整运算方法示例

    JS取模、取商及取整运算方法示例 在JS中,有时需要对数字进行取模、取商或取整等运算操作。在本文中,我们将为大家详细讲解这些运算方法的实现方式以及示例。 取模运算 取模运算是指求两个数相除的余数,使用符号 % 进行操作。例如,7 % 3 求得的结果为 1,因为 7 ÷ 3 = 2 …… 1。其中,1 就是余数。 下面是一个实例: var a = 17…

    JavaScript 2023年5月27日
    00
  • 27个JavaScript数组常见方法汇总与实例说明

    「27个JavaScript数组常见方法汇总与实例说明」是一篇介绍JavaScript数组操作方法的文章,主要分为以下三个部分: 一、常见数组方法 这一部分介绍了JavaScript中常用的数组操作方法,包括concat()、push()、pop()、shift()、unshift()、reverse()、sort()、slice()、splice()、in…

    JavaScript 2023年5月18日
    00
  • 怎么清空javascript数组

    当我们需要清空一个 JavaScript 数组时,有以下几种方法可以实现。 方法一:重新赋值 可以通过重新将一个空数组赋值给目标数组来清空该数组。代码如下: let arr = [1,2,3,4]; arr = []; console.log(arr); // 输出 [] 在上面的代码中,我们将一个包含 1 到 4 的数组赋给变量 arr,然后使用空数组重新…

    JavaScript 2023年5月27日
    00
  • javascript

    1970.1.1互联网开始时间 **JavaScript ( 开发Web页面的脚本语言 )** 是面向 Web 的编程语言,获得了所有网页浏览器的支持,是目前使用最广泛的脚本编程语言之一,也是网页设计和 Web 应用必须掌握的基本工具。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的…

    JavaScript 2023年4月18日
    00
  • JavaScript创建对象的七种经典方式分享

    JavaScript创建对象的七种经典方式分享 在JavaScript中,对象是一个非常重要的概念。对象是JavaScript中唯一的复合类型,它可以用来存储和传输数据,以及实现面向对象的编程方式。在此,我们将介绍JavaScript创建对象的七种经典方式,以便您对JavaScript对象的创建有更深入的了解和应用。 1.使用对象字面量创建对象 对象字面量是…

    JavaScript 2023年5月27日
    00
  • 关于Iframe如何跨域访问Cookie和Session的解决方法

    关于Iframe如何跨域访问Cookie和Session的解决方法,通常有以下两种方式: 1.使用后端代理 使用后端代理的方式是通过后端站点中间转发的方式,将前端站点的请求中所需要用到的Cookie和Session内容在后端进行获取,然后在响应时一并返回给前端站点,从而实现跨域访问。这种方式依赖于后端站点的代码,通常需要在后端站点中手动编写或者引入第三方库来…

    JavaScript 2023年6月11日
    00
  • JavaScript中的Function函数

    下面是关于JavaScript中的Function函数的完整攻略: 1. Function函数概述 Function函数是JavaScript中最基本的一种类型,使用Function函数可以将代码封装成一个可重复使用的函数,在代码执行时可以多次调用,从而提高代码的灵活性和复用性。一个Function函数实际上是一个对象,有具体的属性和方法供我们调用,同时也可…

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