Aurora Modules

기간 타입 선택

주문목록/뱁송 조회 페이지, 적립금 관리 페이지 등 페이지에서 노출되는 기간 검색 모듈로 기간조회할 때 사용하는 기간 검색 모듈입니다.

모듈명: date-type-selector원본소스

기간 타입 선택 모듈입니다.

속성

속성명	타입	기본값	설명
start-ymd:query	string	-	`query string` 중 `startYmd` 기간조회 시작일
date-type:query	string	-	`query string` 중 `dateType` 기간 날짜 (td, 7d, 15d…)
shopby-default-type	string	-	기간 적용 버튼의 dateType 기본 값 (td, 7d, 15d…)

커스텀 핸들바 더 알아보기

:query 속성 더 알아보기

해당 모듈은 모바일 전용으로 사용되고 있습니다.

<date-type-selector start-ymd:query="startYmd" date-type:query="dateType" shopby-default-type="7d">
    <div class="select select--sm">
        <select shopby-on:change="CHANGE_DATE">
            <option value="td">오늘</option>
            <option value="7d">7일</option>
            <option value="15d">15일</option>
            <option value="1m">1개월</option>
            <option value="3m">3개월</option>
            <option value="1y">1년</option>
        </select>
    </div>
</date-type-selector>

/* 여기에 스타일 코드를 작성해주세요. */