react如何获取当前日期

获取当前日期的方法

在React中获取当前日期可以通过JavaScript的Date对象实现。以下是几种常见的方式：

使用new Date()获取当前日期

const currentDate = new Date();
console.log(currentDate); // 输出当前日期和时间

格式化为特定字符串

const currentDate = new Date();
const formattedDate = currentDate.toLocaleDateString(); // 根据本地格式输出日期
console.log(formattedDate); // 例如 "2023/10/15"

获取年、月、日等单独部分

const currentDate = new Date();
const year = currentDate.getFullYear();
const month = currentDate.getMonth() + 1; // 月份从0开始，需要加1
const day = currentDate.getDate();
console.log(`${year}-${month}-${day}`); // 例如 "2023-10-15"

在React组件中使用

在React组件中，可以在useEffect或组件挂载时获取当前日期：

import React, { useState, useEffect } from 'react';

function DateComponent() {
  const [currentDate, setCurrentDate] = useState('');

  useEffect(() => {
    const date = new Date();
    setCurrentDate(date.toLocaleDateString());
  }, []);

  return <div>当前日期: {currentDate}</div>;
}

使用第三方库

如果需要更复杂的日期操作，可以使用第三方库如date-fns或moment.js：

使用date-fns

import { format } from 'date-fns';

const currentDate = new Date();
const formattedDate = format(currentDate, 'yyyy-MM-dd');
console.log(formattedDate); // 例如 "2023-10-15"

使用moment.js

import moment from 'moment';

const currentDate = moment().format('YYYY-MM-DD');
console.log(currentDate); // 例如 "2023-10-15"