web_calender/index.html at master · starr9622/web_calender · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>웹 달력 구현</title>

    <script language="JavaScript" src="./library/jquery-3.4.1.min.js"></script>
    <script language="JavaScript" src="./library/moment.js"></script>

    <script language="JavaScript" src="./js/rendering.js"></script>
    <script language="JavaScript" src="./js/getdata.js"></script>
    <script language="JavaScript" src="./js/header.js"></script>
    <script language="JavaScript" src="./js/popup.js"></script>
    <script language="JavaScript" src="./js/binding.js"></script>

    <style type="text/css">
      @import url("./css/basic.css");
    </style>
    <style type="text/css">
      @import url("./css/header.css");
    </style>
    <style type="text/css">
      @import url("./css/table.css");
    </style>
    <style type="text/css">
      @import url("./css/popup.css");
    </style>
  </head>
  <body>
    <header>
      <section>
        <button onclick="todayAction()">
          오늘 ( <label id="today"></label> )
        </button>
        <button onclick="prebtnAction()"><</button>
        <button onclick="nextbtnAction()">></button>
      </section>

      <section>
        <button
          class="dayBtn"
          onclick="location.replace('index.html?viewType=0')"
        >
          일간
        </button>
        <button
          class="weekBtn"
          onclick="location.replace('index.html?viewType=1')"
        >
          주간
        </button>
        <button
          class="monthBtn"
          onclick="location.replace('index.html?viewType=2')"
        >
          월간
        </button>
      </section>

      <section>
        <button onclick="openPopup()">일정추가</button>
      </section>
    </header>
    <div class="calenderWrap">
      <h3 id="selectMonth" style="text-align: center;"></h3>
      <table>
        <thead class="calenderHeadInfo"></thead>
        <tbody class="calenderInfo"></tbody>
      </table>
    </div>
    <div class="popupWrap hidenClass">
      <div class="popupContainer">
        <div class="popupInner">
          <article>
            <label id="popupTitle"></label>
            <img
              src="./icon/close.png"
              alt="popupclose"
              onclick="closeAction()"
            />
          </article>
          <div class="inputForm">
            <section>
              <label for="title">제목</label>
              <input
                type="text"
                id="title"
                placeholder="일정을 입력 해주세요."
              />
            </section>
            <section>
              <label for="startday">시작일시</label>
              <input
                type="datetime-local"
                id="startday"
                placeholder="일정 시작일을 선택 해주세요."
              />
            </section>
            <section>
              <label for="endday">종료일시</label>
              <input
                type="datetime-local"
                id="endday"
                placeholder="일정 종료일을 선택 해주세요."
              />
            </section>
            <section>
              <label for="content">메모</label>
              <textarea
                name="content"
                id="content"
                cols="30"
                rows="10"
                placeholder="일정 내용을 입력해주세요."
              ></textarea>
            </section>
          </div>
          <div class="popupBtnWrap">
            <button id="btnRemove" onclick="removeMemoAction()">삭제</button>
            <button
              id="btnModify"
              class="btndefault"
              onclick="modifyMemoAction()"
            >
              수정
            </button>
            <button id="btnSave" class="btndefault" onclick="saveMemoAction()">
              저장
            </button>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>