javascript如何只获取日期

# JavaScript如何只获取日期

在前端开发中，处理日期时间是常见需求。有时我们只需要获取年、月、日部分而忽略时间，本文将详细介绍6种实现方式。

## 一、使用Date对象基础方法

最直接的方式是组合Date对象的方法：

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

console.log(`${year}-${month}-${day}`); // 输出如：2023-8-15

注意点： - getMonth()返回0-11需要+1 - 需要手动补零时可用padStart()：

  String(month).padStart(2, '0')

二、toISOString() + 字符串截取

利用ISO格式字符串的特性：

const date = new Date();
const dateOnly = date.toISOString().split('T')[0];
// 输出：2023-08-15（自动补零）

优点： - 自动补零 - 单行代码实现

缺点： - 时区影响（UTC时间）

三、toLocaleDateString()方法

本地化日期格式：

const options = { 
  year: 'numeric', 
  month: '2-digit', 
  day: '2-digit' 
};
const dateStr = new Date().toLocaleDateString('zh-CN', options);
// 输出：2023/08/15

// 如需统一分隔符
dateStr.replace(/\//g, '-');

四、第三方库解决方案

1. 使用moment.js

import moment from 'moment';
moment().format('YYYY-MM-DD');

2. 使用date-fns（更轻量）

import { format } from 'date-fns';
format(new Date(), 'yyyy-MM-dd');

库对比：

五、性能对比测试

通过百万次循环测试（单位ms）：

六、时区问题解决方案

当需要处理时区时：

// 方法1：调整时区偏移
function getLocalDate(date) {
  const offset = date.getTimezoneOffset() * 60000;
  return new Date(date - offset).toISOString().slice(0, 10);
}

// 方法2：使用Intl API
new Intl.DateTimeFormat('zh-CN', {
  timeZone: 'Asia/Shanghai',
  year: 'numeric',
  month: '2-digit',
  day: '2-digit'
}).format(new Date());

七、实际应用场景

1. 表单日期选择器：

   // 与<input type="date">交互
   document.getElementById('datePicker').valueAsDate = new Date();
   

2. 日期比较：

   function isSameDay(date1, date2) {
    return date1.toDateString() === date2.toDateString();
   }
   

3. 存储优化：

   // 只存储日期部分
   const storageDate = new Date().toISOString().substring(0, 10);
   

总结推荐

根据不同需求选择方案： - 简单场景：toISOString().split('T')[0] - 需要本地化：toLocaleDateString() - 复杂项目：使用date-fns库 - 时区敏感：Intl API或手动时区处理

记住：日期处理要始终考虑时区和本地化需求！ “`

这篇文章包含了： 1. 多种实现方法及代码示例 2. 性能对比数据 3. 第三方库推荐 4. 时区处理方案 5. 实际应用场景 6. 综合选择建议

可根据需要调整内容细节或补充更多边缘案例说明。