import React, { useState, useEffect, useRef } from 'react'; import Menu from '../Components/Menu'; import Schedule from '../Components/Schedule'; import styled from 'styled-components'; import moment from 'moment'; import "moment/locale/ko"; moment.locale("ko", { week: { dow: 1 } }); const Drop = styled.div` & button { border solid 1px; } ` const Tab = styled.ul` & a, a:hover, a:active { color: black; } ` function Home() { const [show, setShow] = useState(false); const [weeks, setWeeks] = useState([]); const [days, setDays] = useState([]); const [sendDate, setSendDate] = useState(null); useEffect(() => { Dateform(); }, []); function Dateform() { let today = moment(); let weeks = []; let dates = []; let sendDates = []; for (let i = 0; i < 6; i++) { if (i !== 0) { today.add(7, 'd'); } let date = { start: null, end: null }; date.start = today.startOf('week').format("MMM Do"); date.end = today.endOf('week').weekday(4).format("MMM Do"); dates.push(date); const week = date.start + " ~ " + date.end; weeks.push(week); let sendDate = today.startOf('week').format("YYYY-MM-DD"); sendDates.push(sendDate); }; setWeeks([...weeks]) setDays([...sendDates]) }; function choose(e, index) { setShow(true) setSendDate(days[index]) } return (
{console.log(sendDate)}

대관 현황

대관 가능 시간

  • 평일: 9시 - 22시/ 예약가능 시간 이후 폐쇄
  • 주말: 이용 불가

{weeks.map((week, index) => ( choose(e, index)}>{week} ))}
  • 7-223
  • 9-116
  • 25-307
  • 유의사항

    • 강의실을 대관하는 대표자를 기준으로 최대 주 6시간까지 대관이 가능합니다.
    • 1회 대관시 최대 3시간까지 이용이 가능합니다. (1시간 단위로 대관 가능)
    • 대관 시간 이외 강의실을 이용하다 적발될 경우 한달 간 강의실 이용이 불가합니다.

    고려대학교 대관시스템
    ) } export default Home;