유틸리티

WebSquare.date

설명

요약

날짜 및 시간 관리 기능을 제공.

YouTube 동영상

양력 ↔ 음력 날짜 변환

toLunar() & toSolar()

toLunar()toSolar() 함수를 이용하여 양력 ↔ 음력 날짜간 변환이 가능합니다.

$r_title(사용 예)
// 음력 2022년 7월 15일을 양력으로 변환해서 20220812를 반환. 

WebSquare.date.toSolar(20220715);

예제 파일


인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK에서 보기

(/_WebSquare.date/toLunar_toSolar_WebSquare_date.xml)

YouTube 동영상 (https://youtu.be/vt8qnfyYq4k)

날짜 유효성 확인

isValidDate() 함수를 사용하면, 유효하지 않은 날짜에 대해 얼럿을 표시하고 유효성 확인 결과를 반환할 수 있습니다.

$r_title(사용 예)
var options = {
    useAlert: "false", // 얼럿 표시 여부 
    returnType: "json" // 반환값 표시 형식
}
var result = WebSquare.date.isValidDate(inputCalendar1, inputCalendar1.getValue(), options);
console.log("result:", result);

예제 파일


인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/_WebSquare.date/isValidDate_WebSquare_date.xml)

YouTube 동영상 (https://youtu.be/E1P78YjB7c8)

$p

컴포넌트 설명

요약

자주 사용하는 유티릴티 객체를 축약하여 제공. (예를 들어 $p.dateAdd() 함수는 WebSquare.date.dateAdd() 함수와 동일.)

YouTube 동영상

  • $p 비디오 동영상 모음

    • 일반

      • https://youtube.com/playlist?list=PL7a9HhkvOVb3ZLLI7_F-O1L0c0FdLHS6B

    • Data

      • https://www.youtube.com/playlist?list=PL7a9HhkvOVb0C3zGOlrelvcK6niQiuNDk

    • 팝업

      • https://youtube.com/playlist?list=PL7a9HhkvOVb1ijrxDMsk6eDkjwy1Fgb_X

    • 서브미션

      • https://youtube.com/playlist?list=PL7a9HhkvOVb1J5nm94k4wl0Mx4gb0b7U6

  • $p 쇼츠 동영상 모음

    • 일반

      • https://www.youtube.com/playlist?list=PL7a9HhkvOVb3IKV3laAytirDXP57Z2tbW

    • 팝업

      • https://www.youtube.com/playlist?list=PL7a9HhkvOVb2h5n79Lwv-cr_bzx7oijIM

화면 재로딩 및 브라우저 Refresh

$p.reinitialize()

$p.reinitialize() 함수는 자신이 실행된 화면을 다시 로딩하거나 브라우저를 Refresh합니다.

$r_title(사용 예)
// 브라우저를 refresh. 
$p.reinitialize(true); 

// 페이지를 다시 로딩. 
$p.reinitialize();

예제 파일


인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/$p/_General/reinitialize_$p/)

YouTube 동영상 (https://youtu.be/6HH_y9jxOQA)

$p.data()

DataCollection 동적 생성

$p.data.create() 함수를 사용하여 DataCollection을 동적으로 생성할 수 있습니다.

예제 파일


인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/$p/data/data_create_$p_setData_DataList_mutipleDataListDownload_WebSquare_util.xml)

YouTube 동영상 (https://youtu.be/WBQp1hDkwaw)

화면에 포함된 DataCollection 반환

getAllDataCollection() 함수를 사용하여 한 화면에 포함된 모든 DataCollection 객체의 목록을 반환할 수 있습니다.

getAllDataCollection

설명

한 화면 내에 있는 모든 DataCollection 목록을 반환.

형식

$p.data.getAllDataCollection();

반환 값

모든 DataCollection ID를 담은 배열.

(예: ["dataList1","dataList2"])

참고

getAllDataCollection("object") 로 호출할 경우, DataCollection 객체 자체를 직접 배열에 담아 반환.

$r_title(사용 예 (ID를 반환))

var ret = $p.data.getAllDataCollection();

// 반환 값 (각 객체의 id를 배열에 담아 반환)
//  ret == ["dataList1","dataList2"]
$r_title(사용 예 (객체 자체를 반환))

var ret = $p.data.getAllDataCollection("object");

// 반환 값 ("object"라는 인자를 넣어서 호출하면 객체 자체를 반환) 
// ret == [dataList1,dataList2]

예제 파일


인터넷에서 다운로드 혹은

WEBSQUARE_DEV_PACK의 GUIDE 프로젝트에서 보기

(/$p/data/getAllDataCollection_data_$p/)

YouTube 동영상 (https://youtu.be/FgGmBvEv5q4)