当前位置:首页 > JavaScript

js实现年月

2026-04-07 13:32:15JavaScript

使用 JavaScript 获取当前年月

以下是一个简单的 JavaScript 代码示例,用于获取当前的年份和月份:

const date = new Date();
const year = date.getFullYear();
const month = date.getMonth() + 1; // 月份从0开始,需要加1
console.log(`${year}-${month.toString().padStart(2, '0')}`);

自定义日期格式

如果需要格式化为特定的年月格式(如 YYYY-MM),可以使用以下方法:

js实现年月

function getFormattedDate() {
  const now = new Date();
  const year = now.getFullYear();
  const month = (now.getMonth() + 1).toString().padStart(2, '0');
  return `${year}-${month}`;
}

console.log(getFormattedDate());

处理特定日期的年月

要处理非当前日期的年月信息:

js实现年月

function getYearMonthFromDate(dateString) {
  const date = new Date(dateString);
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, '0');
  return { year, month };
}

const result = getYearMonthFromDate('2023-05-15');
console.log(`${result.year}-${result.month}`);

使用第三方库处理日期

对于更复杂的日期操作,可以使用 date-fns 或 moment.js 等库:

// 使用 date-fns
import { format } from 'date-fns';

const formattedDate = format(new Date(), 'yyyy-MM');
console.log(formattedDate);

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

获取年月数组

如果需要获取当前年份的所有月份:

function getMonthsOfYear(year = new Date().getFullYear()) {
  return Array.from({ length: 12 }, (_, i) => 
    `${year}-${(i + 1).toString().padStart(2, '0')}`
  );
}

console.log(getMonthsOfYear());

注意事项

  • JavaScript 的月份是从 0 开始计数的,所以获取月份时需要加 1
  • 使用 padStart 方法可以确保月份始终是两位数
  • 处理用户输入的日期时,应该验证日期格式的有效性
  • 时区可能会影响日期的获取结果,需要根据实际情况处理

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

相关文章

js如何实现继承

js如何实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例能够访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Parent…

js实现授权

js实现授权

授权流程设计 授权流程通常涉及前端与后端的交互,常见方案包括OAuth2.0、JWT等。以JWT为例的典型流程: 用户提交凭证(如用户名密码)到认证服务 服务端验证通过后生成包含用户信息的J…

js实现跑马灯

js实现跑马灯

实现跑马灯效果 使用HTML和JavaScript可以轻松实现跑马灯效果。以下是两种常见的实现方式: HTML结构 <div id="marquee"> <span>…

js实现文字滚动

js实现文字滚动

实现文字滚动的几种方法 使用CSS动画实现滚动 通过CSS的@keyframes和transform属性可以实现平滑的文字滚动效果。 <style> .scroll-text { w…

js 实现图片 放大

js 实现图片 放大

使用 CSS transform 实现图片放大 通过 CSS 的 transform: scale() 属性可以实现图片的平滑放大效果。结合 JavaScript 监听鼠标事件控制放大状态: con…

js实现复选框

js实现复选框

实现复选框的基本方法 使用HTML的<input type="checkbox">元素创建复选框,并通过JavaScript监听其状态变化。 <input type="checkb…