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或手動時區處理

記?。喝掌谔幚硪冀K考慮時區和本地化需求！ “`

這篇文章包含了： 1. 多種實現方法及代碼示例 2. 性能對比數據 3. 第三方庫推薦 4. 時區處理方案 5. 實際應用場景 6. 綜合選擇建議

可根據需要調整內容細節或補充更多邊緣案例說明。