====== 데이트피커 달력 기본속성 ======
데이트피커 달력 표시 관련 기본 속성/API/이벤트에 대한 예시 화면이다.
데이트피커 달력 표시 관련 속성 calendar_font, showcalendar_focusin, calendar_hidden, button_hidden 속성에 의해서 결정된다.
데이트피커 달력 오늘 날짜 및 이전/이후 날짜 표시는 showtodaybar, shownextdate 속성에 의해서 결정된다.
데이트피커 달력 표시 전에 발생하는 on_calendarshow 이벤트를 이용하여 달력 표시 여부를 제어한다.
===== 예시 =====
템플릿 위치: /HTML5/COMPONENT/DATEPICKER/datepicker_calendarbasic
템플릿 파일
* [[xf5projecthome>template/screen/HTML5/COMPONENT/DATEPICKER/datepicker_calendarbasic.xml|datepicker_calendarbasic.xml]]
* [[xf5projecthome>template/screen/HTML5/COMPONENT/DATEPICKER/datepicker_calendarbasic.js|datepicker_calendarbasic.js]]
* [[xf5projecthome>template/template.html?xframe_screen_url=/HTML5/COMPONENT/DATEPICKER/datepicker_calendarbasic|새창으로 실행]]
echo '';
echo '';
echo '';
==== 화면 스크립트 ====
function btn_calendarhidden_on_mouseup(objInst)
{
var calendar_hidden;
calendar_hidden = dat_calendarhidden.getcalendarhidden();
factory.consoleprint("before getcalendarhidden return = " + calendar_hidden);
// calendar_hidden 속성 토글 처리
dat_calendarhidden.setcalendarhidden(!calendar_hidden);
calendar_hidden = dat_calendarhidden.getcalendarhidden();
factory.consoleprint("after getcalendarhidden return = " + calendar_hidden);
}
function btn_buttonhidden_on_mouseup(objInst)
{
var button_hidden;
button_hidden = dat_buttonhidden.getbuttonhidden();
factory.consoleprint("before getbuttonhidden return = " + button_hidden);
// button_hidden 속성 토글 처리
dat_buttonhidden.setbuttonhidden(!button_hidden);
button_hidden = dat_buttonhidden.getbuttonhidden();
factory.consoleprint("after getcalendarhidden return = " + button_hidden);
}
/**
* 데이트피커 달력 표시 전 이벤트
*
* @param {Object} objInst 데이트피커 컴포넌트 인스턴스
*
* @returns {number} 키 처리 방식
* 0 - 리턴시 달력 표시하지 않음
* 1 - 리턴시 달력 표시됨
*/
function dat_calendarevent_on_calendarshow(objInst)
{
var date_value;
factory.consoleprint("on_calendarshow> Start");
factory.consoleprint("on_calendarshow> DatePicker Object Name = " + objInst.getname());
// 날짜 값을 구함
date_value = dat_calendarevent.gettext();
factory.consoleprint("on_calendarshow> date_value = " + date_value);
// 날짜 값이 2023년 이전인 경우에는, 달력을 표시하지 않음
if (date_value.length == 8 && date_value < 20230101) {
factory.consoleprint("on_calendarshow> Don't show calendar, return 0");
return 0; // 달력 미표시
}
return 1; // 달력 표시
}