当前位置:首页 > JavaScript

js实现年月日

2026-04-05 00:19:51JavaScript

获取当前年月日

使用 Date 对象获取当前年月日信息:

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1; // 月份从0开始,需加1
const day = date.getDate();

console.log(`${year}-${month}-${day}`);

格式化年月日

自定义格式化函数,确保月份和日期为两位数:

js实现年月日

function formatDate(date) {
  const year = date.getFullYear();
  const month = String(date.getMonth() + 1).padStart(2, '0');
  const day = String(date.getDate()).padStart(2, '0');
  return `${year}-${month}-${day}`;
}

console.log(formatDate(new Date()));

解析字符串为年月日

将日期字符串转换为 Date 对象并提取年月日:

js实现年月日

const dateStr = '2023-05-15';
const date = new Date(dateStr);
const year = date.getFullYear();
const month = date.getMonth() + 1;
const day = date.getDate();

console.log(`${year}-${month}-${day}`);

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

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

function getDayDiff(date1, date2) {
  const diffTime = Math.abs(date2 - date1);
  return Math.floor(diffTime / (1000 * 60 * 60 * 24));
}

const startDate = new Date('2023-01-01');
const endDate = new Date('2023-01-10');
console.log(getDayDiff(startDate, endDate));

使用第三方库处理日期

使用 moment.jsdate-fns 简化日期操作:

// 使用 moment.js
const moment = require('moment');
const date = moment();
console.log(date.format('YYYY-MM-DD'));

// 使用 date-fns
const { format } = require('date-fns');
console.log(format(new Date(), 'yyyy-MM-dd'));

标签: 年月日js
分享给朋友:

相关文章

原生js实现轮播图

原生js实现轮播图

基本结构搭建 HTML部分需要包含轮播图容器、图片列表及导航按钮。结构示例如下: <div class="slider-container"> <div class="slid…

js实现驼峰

js实现驼峰

实现驼峰命名的几种方法 使用正则表达式和字符串替换 通过正则表达式匹配字符串中的特定模式(如下划线或短横线),并将其后的字母转换为大写,同时移除分隔符。 function toCamelCase(s…

js实现选题

js实现选题

实现选题功能的JavaScript方法 基础实现方案 使用数组存储选项,通过随机索引选取: const options = ['选项A', '选项B', '选项C', '选项D']; const r…

js实现视口

js实现视口

js实现视口检测的方法 使用JavaScript检测元素是否进入视口(viewport)可以通过Intersection Observer API或手动计算元素位置实现。以下是两种常见方法: Int…

js图片轮播的实现

js图片轮播的实现

基础图片轮播实现 使用HTML、CSS和JavaScript实现一个简单的图片轮播效果。HTML部分定义轮播容器和图片,CSS负责样式和过渡效果,JavaScript处理逻辑。 <div cl…

js实现 拖动

js实现 拖动

实现拖动的步骤 HTML 结构 创建一个可拖动的元素和一个放置区域: <div id="draggable" draggable="true">拖动我</div> <d…