js日期相关函数总结分享

JS日期相关函数总结分享

简介

日期在前端开发中非常常见,JavaScript原生提供了许多日期相关的函数,本文将会总结下这些相关函数。

获取Date对象

获取Date对象可以使用以下几个方式:

new Date()

使用new Date()方式获取Date对象,可以获取当前日期时间。

const now = new Date(); // 获取当前日期
console.log(now); // 输出当前日期时间

new Date('2019-07-01')

可以通过传递字符串的方式,获取指定日期时间的Date对象。

const date = new Date('2019-07-01'); // 获取 2019年7月1日 的Date对象
console.log(date); // 输出 2019年7月1日

new Date(2019, 6, 1)

可以通过传递整数的方式,获取指定日期时间的Date对象。需要注意的是,月份从0开始,所以7月实际上是6。

const date = new Date(2019, 6, 1); // 获取 2019年7月1日 的Date对象
console.log(date); // 输出 2019年7月1日

获取日期信息

获取Date对象的相关信息可以使用以下函数:

getFullYear()

获取年份。

const now = new Date();
const year = now.getFullYear();
console.log(year); // 输出当前年份

getMonth()

获取月份,月份从0开始,所以1月实际上是0。

const now = new Date();
const month = now.getMonth();
console.log(month); // 输出当前月份

getDate()

获取月份中的日期。

const now = new Date();
const date = now.getDate();
console.log(date); // 输出当前日期

getDay()

获取星期几,其中0为星期日,1为星期一,以此类推。

const now = new Date();
const day = now.getDay();
console.log(day); // 输出当前星期几

getHours()

获取小时数。

const now = new Date();
const hours = now.getHours();
console.log(hours); // 输出当前小时数

getMinutes()

获取分钟数。

const now = new Date();
const minutes = now.getMinutes();
console.log(minutes); // 输出当前分钟数

getSeconds()

获取秒数。

const now = new Date();
const seconds = now.getSeconds();
console.log(seconds); // 输出当前秒数

getMilliseconds()

获取毫秒数。

const now = new Date();
const milliseconds = now.getMilliseconds();
console.log(milliseconds); // 输出当前毫秒数

日期格式化

日期格式化可以使用以下两个函数:

toDateString()

将Date对象转换为字符串形式的日期。

const now = new Date();
const dateString = now.toDateString();
console.log(dateString); // 输出当前日期,如 Mon Sep 13 2021

toJSON()

将Date对象转换为JSON格式的日期。

const now = new Date();
const json = now.toJSON();
console.log(json); // 输出 JSON 格式日期,如 2021-09-13T13:12:05.658Z

示例

计算两个日期之间的天数差

function calcDaysBetween(date1, date2) {
  const ONE_DAY = 1000 * 60 * 60 * 24; // 一天含有的毫秒数
  const days = Math.round(Math.abs((date1 - date2) / ONE_DAY));
  return days;
}

const date1 = new Date('2022-01-01');
const date2 = new Date('2022-01-20');
const daysBetween = calcDaysBetween(date1, date2);

console.log(daysBetween); // 输出 19

将一个日期格式化为指定格式的字符串

function formatDate(date, format) {
  const year = date.getFullYear();
  const month = date.getMonth() + 1;
  const dateOfMonth = date.getDate();
  const hours = date.getHours();
  const minutes = date.getMinutes();
  const seconds = date.getSeconds();

  format = format.replace('yyyy', year);
  format = format.replace('MM', month < 10 ? '0' + month : month);
  format = format.replace('dd', dateOfMonth < 10 ? '0' + dateOfMonth : dateOfMonth);
  format = format.replace('HH', hours < 10 ? '0' + hours : hours);
  format = format.replace('mm', minutes < 10 ? '0' + minutes : minutes);
  format = format.replace('ss', seconds < 10 ? '0' + seconds : seconds);

  return format;
}

const now = new Date();
const formatted = formatDate(now, 'yyyy-MM-dd HH:mm:ss');
console.log(formatted); // 输出当前日期时间,如 2021-09-13 21:56:40

以上就是本文的内容,希望对你有所帮助!

本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:js日期相关函数总结分享 - Python技术站

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

相关文章

  • 微信小程序教程系列之页面跳转和参数传递(6)

    我会为您详细讲解 “微信小程序教程系列之页面跳转和参数传递(6)” 的完整攻略。以下是完整步骤: 步骤一:页面跳转 1. 使用navigateTo方法进行跳转 在小程序中,我们可以通过navigateTo方法进行页面跳转。具体方法为: wx.navigateTo({ url: ‘pages/page_name/page_name’ }) 其中,page_na…

    JavaScript 2023年6月11日
    00
  • 详解javascript事件冒泡

    详解JavaScript事件冒泡攻略 在JavaScript中,事件冒泡是指当一个元素触发了某个事件时,该事件将传递到该元素的祖先元素,一直到HTML文档的根节点。这意味着如果您不阻止事件冒泡,那么在触发最底层元素的事件时,将触发所有父元素的事件。在本教程中,我们将详细讨论Javascript事件冒泡和如何在代码中实现它。 什么是事件冒泡 事件冒泡是一种机制…

    JavaScript 2023年6月10日
    00
  • JS前向后瞻正则表达式定义与用法示例

    下面是JS前向后瞻正则表达式定义与用法示例的完整攻略: 定义 正则表达式是指一些用来匹配和处理文本的模式,前向后瞻正则表达式(Lookahead)是其中的一种类型。它是一种零宽度断言模式,它用于匹配紧接着某个子表达式(即“前提条件”)的位置,而不匹配该子表达式本身。 前向后瞻正则表达式由(?=或(?<=开头,后面跟着一个子表达式和一个右圆括号),这个子…

    JavaScript 2023年5月28日
    00
  • js智能获取浏览器版本UA信息的方法

    获取浏览器版本 UA 信息是前端工程师在日常开发中经常会用到的技能之一。下面提供几种获取浏览器版本的方法。 1. navigator.userAgent navigator.userAgent 返回浏览器的用户代理字符串,通过解析这个字符串可以获取到浏览器的所有信息,包括浏览器类型、版本以及操作系统信息等。因此,这里用正则表达式进行版本号的提取。 const…

    JavaScript 2023年6月11日
    00
  • js实现中文转拼音的完整步骤记录

    安装pinyin库 pinyin是一个Python库,用于将汉字转换为拼音。要在JavaScript中将汉字转换为拼音,我们将使用Pyodide,这是一个将Python运行时编译为WebAssembly的工具。 要使用pinyin库,首先需要在JavaScript中安装Pyodide。可以通过使用以下代码片段来下载和加载Pyodide: async func…

    JavaScript 2023年6月11日
    00
  • 解析利用javascript如何判断一个数为素数

    要判断一个数是否为素数,我们可以使用数学方法,也可以通过编程实现。在Javascript中,我们可以用以下代码实现判断一个数是否为素数: function isPrime(num) { /** * 素数定义:大于1,除了1和它本身以外没有其他的约数 */ if (num <= 1) { return false; } for (let i = 2; i…

    JavaScript 2023年5月28日
    00
  • js 实现浏览历史记录示例

    下面是详细讲解如何使用JavaScript实现浏览历史记录的攻略。 一、利用浏览器自带的history对象 浏览器提供了一个内置的history对象,可以用它来获取和操作浏览器的历史记录。这个对象有以下几个常用方法: history.back() :返回到上一次访问的页面 history.forward() :前进到上一次返回的页面 history.go()…

    JavaScript 2023年6月11日
    00
  • js小数计算小数点后显示多位小数的实现方法

    下面是讲解“js小数计算小数点后显示多位小数的实现方法”的完整攻略。 实现方法 在JavaScript中,我们可以使用 toFixed() 方法来实现小数点后显示多位小数的功能。该方法可以接受一个整数参数,该参数表示我们想要保留的小数位数。当我们没有传递这个参数时,默认保留0位小数。 简单示例 下面是一个简单的示例。我们将两个小数相加,并且保留2位小数。 c…

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