当前位置:首页 > JavaScript

js实现年月日

2026-01-31 08:19:31JavaScript

获取当前年月日

使用 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}`);

格式化年月日

如果需要将日期格式化为特定的字符串形式,可以使用以下方法:

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}`;
}

const today = new Date();
console.log(formatDate(today)); // 输出例如 "2023-09-15"

自定义日期操作

可以通过 Date 对象的方法对日期进行加减操作:

const date = new Date();
date.setDate(date.getDate() + 7); // 加7天
console.log(formatDate(date)); // 输出7天后的日期

使用第三方库

如果需要更复杂的日期操作,推荐使用 moment.jsdate-fns 等第三方库:

js实现年月日

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

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

注意事项

  • 月份从0开始,1月对应0,12月对应11。
  • 使用 padStart 方法可以确保月份和日期的两位数格式。

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

相关文章

css3结合js制作

css3结合js制作

CSS3 结合 JavaScript 制作动态效果 CSS3 和 JavaScript 结合可以实现丰富的动态效果,包括动画、交互和响应式设计。以下是几种常见的实现方式: CSS3 动画与 Java…

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let co…

js实现选项卡

js实现选项卡

实现选项卡的基本思路 选项卡通常由一组标签和对应的内容面板组成。点击标签时,显示对应的内容面板,隐藏其他面板。实现这一效果需要结合HTML结构、CSS样式和JavaScript交互逻辑。 HTML结…

js实现瀑布流

js实现瀑布流

实现瀑布流布局 瀑布流布局是一种常见的网页布局方式,常用于图片展示、商品列表等场景。以下是使用 JavaScript 实现瀑布流布局的几种方法。 纯 JavaScript 实现 通过计算元素的位置和…

js实现投球

js实现投球

实现投球动画的基本思路 使用JavaScript和CSS动画结合的方式模拟投球效果。核心是通过改变元素的位置、旋转和缩放属性,配合定时器或CSS过渡实现平滑动画。 创建基础HTML结构 <di…

js节流实现

js节流实现

节流的概念 节流(Throttle)是一种限制函数执行频率的技术,确保函数在一定时间间隔内只执行一次。常用于滚动事件、窗口调整等高频触发的场景。 基础实现方法 使用时间戳判断是否执行函数: fun…