Calendar
[VIEW]
[CODE]
<![CDATA[
<div class="s_cal">
<div class="input_s">
<button type="button" class="ui_calendar input_cal" data-input-target="#startDate"
data-min-date="2017-09-06" data-max-date="2020-09-06">시작일</button>
<input type="text" id="startDate" value="2017-09-16">
</div>
<div class="input_s">
<button type="button" class="ui_calendar ui_calendar_end input_cal"
data-input-target="#endDate" data-min-date="2017-09-06"
data-max-date="2020-09-06">종료일</button>
<input type="text" id="endDate" value="2017-09-16">
</div>
</div>
]]>
<![CDATA[
<script type='text/javascript'>
$(function () {
vcui.require(['ui/calendar']).done(function () {
$('.ui_calendar').vcCalendar({ 'holidays': ['2017-09-06', '2017-09-07', '2017-09-08'] }); // hoildays:휴일등록
$('#startDate').on('calendarinsertdate', function (e, data) {
$('.ui_calendar_end').vcCalendar('setMinDate', data.date); //시작일을 선택시 종료일의 시작날짜를 변경한다.
});
$('#endDate').on('calendarinsertdate', function (e, data) {
//data.date 종료일의 값을 반환한다.
});
});
});
</script>
]]>