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日

相关文章

  • 利用纯css实现缩略图悬停效果实例代码

    下面是利用纯CSS实现缩略图悬停效果的完整攻略。 确定页面布局 首先需要确定页面布局,可以使用HTML和CSS代码实现。通常情况下会使用一个列表来存放所有的缩略图,并设置每个列表项的宽度和高度,如下所示: <ul class="thumbnail-list"> <li> <a href="#&quo…

    JavaScript 2023年5月28日
    00
  • 关于JAVASCRIPT urldecode URL解码的问题

    关于JavaScript中的URL解码,我们来一步步了解一下。 什么是URL解码 在浏览器中输入一个网址,比如http://www.example.com/query?key=JavaScript%20%E5%AD%A6%E4%B9%A0%E5%A4%A7%E5%85%A8,浏览器发送请求时,会将URL中的中文和特殊字符进行编码,以保证数据的安全性和正确性。…

    JavaScript 2023年5月19日
    00
  • JavaScript驾驭网页-DOM

    JavaScript驾驭网页-DOM攻略 DOM(Document Object Model)是一种表述HTML、XML等文档的标准模型,由节点树构成,后续操作都基于节点树上的节点。 1. 获取元素 想要驾驭网页,首先需要获取要操作的元素。 1.1 通过id获取元素 let element = document.getElementById("el…

    JavaScript 2023年6月10日
    00
  • JavaScript中圆括号()和方括号[]的特殊用法疑问解答

    下面是关于“JavaScript中圆括号()和方括号[]的特殊用法疑问解答”的完整攻略。 JavaScript中圆括号()的特殊用法 1. 函数调用 在JavaScript中,我们使用圆括号来调用函数,可以传递参数给函数。例如: function sayHello(name) { console.log(`Hello, ${name}!`); } sayHe…

    JavaScript 2023年6月10日
    00
  • js实现日历与定时器

    JS实现日历与定时器完整攻略 1. JS实现日历 1.1 核心思路 获取当地时间(年、月、日); 定义一个方法,将获取到的时间以日历的形式渲染到页面中; 监听页面上的事件,实现日历的下一页、上一页功能; 实现日历的跳转到具体某一天的功能。 1.2 代码实现 // 获取当前日期 function getDate() { const today = new Da…

    JavaScript 2023年5月27日
    00
  • js实现图片切换(动画版)

    我们来详细讲解一下 JS 实现图片切换(动画版)的完整攻略。 1. 需求分析和思路设计 首先我们需要搞清楚我们要实现一个什么样的功能。简单来说,我们需要实现一个图片轮播器的功能。具体来说,我们需要实现以下需求: 在一个容器内,切换显示不同的图片; 实现图片的渐变过渡效果; 实现循环展示,即最后一张图片之后回到第一张图片。 了解了这些需求后,我们可以开始考虑如…

    JavaScript 2023年6月10日
    00
  • vue项目创建步骤及路由router

    当创建一个Vue项目时,需要使用Vue CLI工具。Vue CLI是一个标准化的、快速开发Vue.js应用程序的工具,具有零配置的现代Web开发工具。 以下是Vue项目创建步骤: 步骤一:安装Vue CLI 首先,需要安装Vue CLI。可以使用npm进行安装,命令如下: npm install -g @vue/cli 步骤二:创建Vue项目 使用Vue C…

    JavaScript 2023年6月11日
    00
  • jquery内置验证(validate)使用方法示例(表单验证)

    下面我来详细讲解”jquery内置验证(validate)使用方法示例(表单验证)”。 1. 简介 jquery.validate是一款jquery表单验证插件,它可以实现对表单的各种验证功能,包括必填、数字验证、邮箱验证、电话验证、正则验证等。使用jquery.validate插件可以方便地对表单数据进行验证,从而提高用户体验和数据安全性。 2. 使用方法…

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