Commit cb075430 authored by Kim, Subin's avatar Kim, Subin
Browse files

Todo Weekly 수정 중

parent bf272410
import moment from 'moment';
import FullCalendar from '@fullcalendar/react'; import FullCalendar from '@fullcalendar/react';
import dayGridPlugin from '@fullcalendar/daygrid'; import dayGridPlugin from '@fullcalendar/daygrid';
import interactionPlugin from "@fullcalendar/interaction";
import bootstrapPlugin from '@fullcalendar/bootstrap';
import '@fortawesome/fontawesome-free/css/all.css';
const Weekly = () => { const Weekly = () => {
return ( return (
<FullCalendar <FullCalendar
plugins={[dayGridPlugin]} plugins={[dayGridPlugin, interactionPlugin, bootstrapPlugin]}
initialView="dayGridWeek" initialView="dayGridWeek"
defaultView="dayGridWeek"
headerToolbar={{ headerToolbar={{
start: 'prev', start: 'title',
center: 'title', center: '',
end: 'next' end: ''
}}
titleFormat={(date) => {
if (date.date.)
console.log("date==",date)
return date.date.year + "" + (date.date.month + 1) + "";
}} }}
/> />
) )
......
import Menu from "../components/Menu/Menu.js"; import Menu from "../components/Menu/Menu.js";
import HomeBtn from "../components/Buttons/HomeBtn.js"; import HomeBtn from "../components/Buttons/HomeBtn.js";
import Weekly from "../components/Calendar/Weekly.js";
import TodoModal from "../components/Modal/TodoModal.js"; import TodoModal from "../components/Modal/TodoModal.js";
import TodoPostModal from "../components/Modal/TodoPostModal.js"; import TodoPostModal from "../components/Modal/TodoPostModal.js";
import Footer from "../components/Footer.js"; import Footer from "../components/Footer.js";
...@@ -11,9 +12,7 @@ const ToDoPage = () => { ...@@ -11,9 +12,7 @@ const ToDoPage = () => {
<Menu /> <Menu />
<HomeBtn /> <HomeBtn />
<h1 className="text-center">To-do</h1> <h1 className="text-center">To-do</h1>
<div> <Weekly />
캘린더 자리
</div>
<div className="d-flex justify-content-between mt-3"> <div className="d-flex justify-content-between mt-3">
<div className="d-flex align-items-center"> <div className="d-flex align-items-center">
<input className={`form-check-input rounded-0 shadow-none mt-0 ${styles.checkBox}`} type="checkbox" /> <input className={`form-check-input rounded-0 shadow-none mt-0 ${styles.checkBox}`} type="checkbox" />
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment