当前位置:首页 > 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),可以使用以下方法:

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());

处理特定日期的年月

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

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);

获取年月数组

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

js实现年月

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 实现vue模板

js 实现vue模板

实现 Vue 模板的 JavaScript 方法 通过原生 JavaScript 可以实现类似 Vue 的模板渲染功能,主要包括数据绑定、指令处理和模板解析。以下是核心实现思路: 数据绑定与…

js实现文件下载

js实现文件下载

使用 a 标签下载文件 通过动态创建 a 标签并设置 download 属性实现文件下载。适用于已知文件 URL 或 Blob 数据的情况。 function downloadFile(url, f…

js 进度条的实现

js 进度条的实现

使用 HTML 和 CSS 创建基础进度条 HTML 结构可以简单使用一个 div 元素作为容器,内部嵌套另一个 div 表示进度: <div class="progress-containe…

js实现拷贝

js实现拷贝

实现文本拷贝 使用 document.execCommand 方法(已废弃但兼容性较好): function copyText(text) { const textarea = document…

js实现论坛

js实现论坛

实现论坛的基本功能 使用JavaScript实现一个论坛需要结合前端和后端技术。前端可以使用React、Vue或Angular等框架,后端可以选择Node.js配合Express或Koa框架。数据库可…

js实现百叶窗

js实现百叶窗

使用CSS和JavaScript实现百叶窗效果 通过CSS动画和JavaScript事件监听可以实现百叶窗效果。核心思路是将内容区域分割为多个条状元素,通过控制它们的展开/折叠状态来模拟百叶窗。 &…