캘린더
[VIEW]
캘린더입니다. 글은 일요일, 월요일, 화요일, 수요일, 목요일, 금요일, 토요일 순으로 나옵니다.
| 일 |
월 |
화 |
수 |
목 |
금 |
토 |
| |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
[CODE]
<![CDATA[
<div class="ui-calendar-container" tabindex="0">
<div class="ui-select-day">
<div class="ui-calendar-header-first">
<a href="#" class="ui-calendar-set-today" title="현재일 보기"></a>
<select class="ui_selectbox sel_years" data-class="item_wrap"
data-width-class="f_wd_year" title="달력년도">
<option value="2017">2017</option>
<option value="2018">2018</option>
<option value="2019">2019</option>
<option value="2020">2020</option>
</select>
<div class="ui_select_dom item_wrap f_wd_year">
<div class="item_view" id="cusomtSelectbox_24_button">
<a href="#0" class="ui_select_button" title="달력년도 열기">
<span class="ui_select_text">2017</span>
<span class="hide">선택됨</span>
<span class="ico"></span>
</a>
</div>
<div class="item_list" id="cusomtSelectbox_24_menu">
<div class="ui_selectbox_wrapper ui_item_scrollarea ui_item_content">
<ul>
<li class="on"><a href="#1" data-value="2017" data-text="2017"
title="달력년도">2017</a></li>
<li><a href="#2" data-value="2018" data-text="2018"
title="달력년도">2018</a></li>
<li><a href="#3" data-value="2019" data-text="2019"
title="달력년도">2019</a></li>
<li><a href="#4" data-value="2020" data-text="2020"
title="달력년도">2020</a></li>
</ul>
</div>
<div class="scroll ui_item_scrollbar">
<span class="bg_top"></span>
<span class="bg_mid"></span>
<span class="bg_btm"></span>
</div>
</div>
</div>
<a href="#" class="ui-calendar-close"><span class="hide">닫기</span></a>
</div>
<div class="ui-calendar-header-second">
<a href="#" class="ui-calendar-prev disabled" tabindex="-1"><span
class="hide">2017년</span>03<span class="hide">월로 이동</span></a>
<span class="ui-calendar-now"><span class="hide">2017년</span>04<span
class="hide">월이 선택됨</span></span>
<a href="#" class="ui-calendar-next" tabindex="0"><span
class="hide">2017년</span>05<span class="hide">월로 이동</span></a>
</div>
<div class="ui-calendar-date">
<table class="ui-calendar-table" border="0">
<caption>캘린더입니다. 글은 일요일, 월요일, 화요일, 수요일, 목요일, 금요일, 토요일 순으로 나옵니다.</caption>
<colgroup>
<col width="32px">
<col width="32px">
<col width="32px">
<col width="32px">
<col width="32px">
<col width="32px">
<col width="32px">
</colgroup>
<thead>
<tr>
<th class="ui-calendar-dayname ui-calendar-sunday" scope="col">일
</th>
<th class="ui-calendar-dayname" scope="col">월</th>
<th class="ui-calendar-dayname" scope="col">화</th>
<th class="ui-calendar-dayname" scope="col">수</th>
<th class="ui-calendar-dayname" scope="col">목</th>
<th class="ui-calendar-dayname" scope="col">금</th>
<th class="ui-calendar-dayname ui-calendar-saturday" scope="col">토
</th>
</tr>
</thead>
<tbody>
<tr>
<td class="ui-calendar-20170326 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="26"> </td>
<td class="ui-calendar-20170327 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="27"> </td>
<td class="ui-calendar-20170328 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="28"> </td>
<td class="ui-calendar-20170329 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="29"> </td>
<td class="ui-calendar-20170330 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="30"> </td>
<td class="ui-calendar-20170331 ui-calendar-cell disabled ui-calendar-other"
data-year="2017" data-month="3" data-day="31"> </td>
<td class="ui-calendar-20170401 ui-calendar-cell disabled ui-calendar-saturday"
data-year="2017" data-month="4" data-day="1">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 01일 선택할 수 없음"
disabled="disabled">1</button>
</td>
</tr>
<tr>
<td class="ui-calendar-20170402 ui-calendar-cell disabled ui-calendar-sunday"
data-year="2017" data-month="4" data-day="2">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 02일 선택할 수 없음"
disabled="disabled">2</button>
</td>
<td class="ui-calendar-20170403 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="3">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 03일 선택할 수 없음"
disabled="disabled">3</button>
</td>
<td class="ui-calendar-20170404 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="4">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 04일 선택할 수 없음"
disabled="disabled">4</button>
</td>
<td class="ui-calendar-20170405 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="5">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 05일 선택할 수 없음"
disabled="disabled">5</button>
</td>
<td class="ui-calendar-20170406 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="6">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 06일 선택할 수 없음"
disabled="disabled">6</button></td>
<td class="ui-calendar-20170407 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="7">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 07일 선택할 수 없음"
disabled="disabled">7</button>
</td>
<td class="ui-calendar-20170408 ui-calendar-cell disabled ui-calendar-saturday"
data-year="2017" data-month="4" data-day="8">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 08일 선택할 수 없음"
disabled="disabled">8</button>
</td>
</tr>
<tr>
<td class="ui-calendar-20170409 ui-calendar-cell disabled ui-calendar-sunday"
data-year="2017" data-month="4" data-day="9">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 09일 선택할 수 없음"
disabled="disabled">9</button>
</td>
<td class="ui-calendar-20170410 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="10">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 10일 선택할 수 없음"
disabled="disabled">10</button>
</td>
<td class="ui-calendar-20170411 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="11">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 11일 선택할 수 없음"
disabled="disabled">11</button>
</td>
<td class="ui-calendar-20170412 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="12">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 12일 선택할 수 없음"
disabled="disabled">12</button>
</td>
<td class="ui-calendar-20170413 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="13">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 13일 선택할 수 없음"
disabled="disabled">13</button>
</td>
<td class="ui-calendar-20170414 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="14">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 14일 선택할 수 없음"
disabled="disabled">14</button>
</td>
<td class="ui-calendar-20170415 ui-calendar-cell disabled ui-calendar-saturday"
data-year="2017" data-month="4" data-day="15">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 15일 선택할 수 없음"
disabled="disabled">15</button>
</td>
</tr>
<tr>
<td class="ui-calendar-20170416 ui-calendar-cell disabled ui-calendar-sunday"
data-year="2017" data-month="4" data-day="16">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 16일 선택할 수 없음"
disabled="disabled">16</button>
</td>
<td class="ui-calendar-20170417 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="17">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 17일 선택할 수 없음"
disabled="disabled">17</button>
</td>
<td class="ui-calendar-20170418 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="18">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 18일 선택할 수 없음"
disabled="disabled">18</button>
</td>
<td class="ui-calendar-20170419 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="19">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 19일 선택할 수 없음"
disabled="disabled">19</button>
</td>
<td class="ui-calendar-20170420 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="20">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 20일 선택할 수 없음"
disabled="disabled">20</button>
</td>
<td class="ui-calendar-20170421 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="21">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 21일 선택할 수 없음"
disabled="disabled">21</button>
</td>
<td class="ui-calendar-20170422 ui-calendar-cell disabled ui-calendar-saturday"
data-year="2017" data-month="4" data-day="22">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 22일 선택할 수 없음"
disabled="disabled">22</button>
</td>
</tr>
<tr>
<td class="ui-calendar-20170423 ui-calendar-cell disabled ui-calendar-sunday"
data-year="2017" data-month="4" data-day="23">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 23일 선택할 수 없음"
disabled="disabled">23</button>
</td>
<td class="ui-calendar-20170424 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="24">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 24일 선택할 수 없음"
disabled="disabled">24</button>
</td>
<td class="ui-calendar-20170425 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="25">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 25일 선택할 수 없음"
disabled="disabled">25</button>
</td>
<td class="ui-calendar-20170426 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="26">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 26일 선택할 수 없음"
disabled="disabled">26</button>
</td>
<td class="ui-calendar-20170427 ui-calendar-cell disabled"
data-year="2017" data-month="4" data-day="27">
<button type="button" class="ui-calendar-day disabled"
title="2017년 04월 27일 선택할 수 없음"
disabled="disabled">27</button>
</td>
<td class="ui-calendar-20170428 ui-calendar-cell ui-calendar-active"
data-year="2017" data-month="4" data-day="28">
<button type="button" class="ui-calendar-day"
title="2017년 04월 28일 선택일">28</button>
</td>
<td class="ui-calendar-20170429 ui-calendar-cell ui-calendar-saturday"
data-year="2017" data-month="4" data-day="29">
<button type="button" class="ui-calendar-day"
title="2017년 04월 29일">29</button>
</td>
</tr>
<tr>
<td class="ui-calendar-20170430 ui-calendar-cell ui-calendar-sunday"
data-year="2017" data-month="4" data-day="30">
<button type="button" class="ui-calendar-day"
title="2017년 04월 30일">30</button>
</td>
<td class="ui-calendar-20170501 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="1"> </td>
<td class="ui-calendar-20170502 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="2"> </td>
<td class="ui-calendar-20170503 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="3"> </td>
<td class="ui-calendar-20170504 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="4"> </td>
<td class="ui-calendar-20170505 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="5"> </td>
<td class="ui-calendar-20170506 ui-calendar-cell ui-calendar-other"
data-year="2017" data-month="5" data-day="6"> </td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
]]>