import { useState, useEffect } from "react"; import { useHistory } from "react-router-dom"; import moment from "moment"; import DatePicker from "./DatePicker.js"; import styles from "./calender.module.scss"; const Calender = ({ selectDate, setSelectDate }) => { const [dateList, setDateList] = useState([]) const [week, setWeek] = useState(["일", "월", "화", "수", "목", "금", "토"]) const [month, setMonth] = useState({ pre: moment(selectDate).subtract(1, 'months').format('YYYY-MM'), cur: moment(selectDate).format('YYYY-MM'), next: moment(selectDate).add(1, 'months').format('YYYY-MM') }) const history = useHistory() useEffect(() => { setMonth({ ...month, pre: moment(selectDate).subtract(1, 'months').format('YYYY-MM'), cur: moment(selectDate).format('YYYY-MM'), next: moment(selectDate).add(1, 'months').format('YYYY-MM') }) getDate(selectDate) }, [selectDate]) function getDate(oneDay) { let dateArr = [] let lastWeek = moment(oneDay).clone().subtract(6, 'days') const nextWeek = moment(oneDay).clone().add(12, 'days') while (lastWeek.isBefore(nextWeek)) { dateArr.push({ date: lastWeek.format('YYYY-MM-DD'), day: lastWeek.format('d') }) lastWeek.add(1, 'days') } const resultArr = dateArr.map(el =>