그리드 설정

달력의 오늘 버튼 활성화 옵션

QCELL에서 datepicker 타입의 컬럼을 사용할 때, "오늘" 버튼을 누르면 즉시 적용되도록 설정할 수 있습니다.

이를 설정하는 방법은 크게 두 가지입니다.

1. QCELL 전역 설정을 통해 모든 그리드에 적용
2. 개별 그리드 설정을 통해 특정 그리드에서만 적용

1️⃣ QCELL 전역 설정 방법

모든 그리드에서 datepickerautosettoday = true를 적용하려면 다음과 같이 설정합니다.

HTML  

 <script type="text/javascript">
    QCELL.config.datepickerautosettoday = true;
 </script>
  

✔️ 이렇게 설정하면 모든 그리드에서 datepickerautosettoday = true가 적용됩니다.

2️⃣ 특정 그리드에서만 설정하는 방법

특정 그리드에서만 datepickerautosettoday = true를 적용하려면, 그리드 생성 시 개별 속성으로 설정할 수 있습니다.

JS  

function createQCELL() {
    QCELL.create({
        id: "qcell",
        parentid: "sheetarea",
        data: { type: "object", input: formatData },
	datepickerautosettoday: true;	// 특정 그리드에서만 적용	
        columns: [
            { width: "20%", key: "name", title: "이름", styleclassname: { data: "align-center" } },
            { width: "10%", key: "phone", title: "전화번호", type: "input", options: { mask: { alias: "99999999" } } },
            { width: "10%", key: "birth", title: "생년월일", sort: true, type: "datepicker", styleclassname: { data: "" } },
            { width: "15%", key: "startDate", title: "계약 시작일", sort: true, type: "datepicker", styleclassname: { data: "" } },
            { width: "15%", key: "endDate", title: "계약 종료일", sort: true, type: "datepicker", styleclassname: { data: "" } }
        ]
    });
}

---

"datepickerautosettoday" : true