Show (globalModule method)

달력 팝업을 외부의 컨트롤에서 사용하도록 설정합니다.
일반적으로 CallBack 함수를 지정하는 경우 첫번째 인자로 선택한 날짜 문자열이 전달되며, 그 외 CallBack 함수로 전달하고자 하는 인자가 있는 경우 CallBackParam 을 설정합니다.
CallBackParam으로 설정된 객체는 CallBack 함수의 두번째 인자로 전달됩니다.

Syntax

IBCalendar.Show(val, obj);

Info

Parameter Type Required Description
val String 필수 날짜 데이터값 (Default: 현재날짜)
obj Object 선택 기능을 json 형태로 설정

Enum

Name Type Description
CalButtonAlign String 달력팝업에서 버튼을 사용하는 경우 정렬방법을 설정
- Left : 왼쪽정렬
- Center : 가운데정렬 (Default)
- Right : 오른쪽정렬
CalButtons String 달력팝업의 사용할 버튼 설정 (사용하고자 하는 버튼을 | 로 연결하여 설정)
- Close : 취소 버튼
- Today : 오늘일자 입력 버튼
- Yesterday : 어제일자 입력 버튼
- InputEmpty : 빈값 입력 버튼
- Ok : 선택 버튼
CallBack String or Function callBack 함수명 또는 함수 객체
CallBackParam Object CallBack 함수에서 받을 인자 객체
Format String 날짜포맷 패턴 (Default: "yyyy/MM/dd")
Holiday String 달력에 표시할 사용자 정의 휴일 설정 (파이프 연산자로 설정값을 연결한 문자열로 설정 할 수 있으며 포맷은 yyyyMMdd 만 허용)
Result Object 선택 결과를 설정할 객체 (input 객체)
ShowYM Boolean 년월 선택화면 우선 표시 여부
Target String or Object "Mouse" (마지막 마우스 위치 사용시, Default) 또는 달력 버튼 Object (달력 버튼 위치 사용시)
X Number (좌표값 사용시) X 축 좌표값
Y Number (좌표값 사용시) Y 축 좌표값

Returns

String, 달력 팝업 Dialog에서 선택한 날짜값

Example

// 날짜데이터값 입력
var val = document.getElementById("DateText").value;

// 달력 팝업 Dialog 위치 : X, Y 좌표값 사용시
var obj = { Format:"yyyy/MM/dd", X:300, Y:600, CallBack:"Test" };

// 달력 팝업 Dialog 위치 : 마우스 마지막 위치 사용시
var obj = { Format:"yyyy/MM/dd", Target:"Mouse", CallBack: "Test" };

// 달력 팝업 Dialog 위치 : 달력 버튼 위치 사용시
var obj = { Target:document.getElementById("DateBtn"), CallBack: "Test" };

// CalButtons 속성 : 달력 닫기 버튼 옵션 설정 사용시
var obj = { Format:"Ymd", Target:document.getElementById("DateBtn"), CallBack: "Test" , CalButtons : "Close"};

// 달력 닫기 버튼 옵션 설정 사용시 정렬 설정: 왼쪽 정렬
var obj = { Format:"Ymd", Target:document.getElementById("DateBtn"), CallBack: "Test", CalButtons : "Close", CalButtonAlign : "Left" };

// 사용자 정의 휴일 설정
var obj = { Format:"Ymd", Target:document.getElementById("DateBtn"), CallBack: "Test", Holiday: " 20101215|*1203"};

// 달력 출력
IBCalendar.Show("20140415", obj);

// fnName : 함수명으로 function 생성
function Test (date){
  // 달력 팝업 Dialog서 날짜 선택시 리턴값
  document.getElementById("DateText").value = date;
}

Since

version desc
7.0.0.0
7.0.11.0 CalButtons 속성의 "InputEmpty" 값 추가
7.0.13.10 CalButtons 속성의 "Ok" 값 추가
7.0.13.16 ShowYM 속성 추가