Datepicker 특정 요일 선택 금지 영카트 희망 배송일에 사용 > 영카트 강좌

본문 바로가기
전체검색

아이디비번찾기

영카트 강좌

그누보드 영카트 초보 사용자를 위한 기본 매뉴얼, 스킨 제작 기초강좌를 공유합니다.

Datepicker 특정 요일 선택 금지 영카트 희망 배송일에 사용

페이지 정보

작성자 관리자 작성일17-09-17 00:58 조회779회

본문

영카트 기본 옵션 중에 주문서 작성 페이지에서 희망 배송일을 선택할 수 있는 기능이 있습니다.

처음 설치할 때 디폴트 설정은 꺼져 있기 때문에 필요하다면 켜야 합니다.


쇼핑몰관리 > 쇼핑몰설정 > 배송설정 > 희망배송일사용 


40c303b069e30b4cea818961f733494b_1505576621_351.gif

 

위 옵션에서 사용으로 선택하면 주문서 작성 단계에서 이렇게 희망 배송일 입력란이 보일 겁니다.


40c303b069e30b4cea818961f733494b_1505576762_0141.gif


클릭하면 datepicker 달력이 뜨게 되는데 여기서 특정 요일은 선택하지 못하게 비활성화하는 방법입니다.


수정파일 : shop/orderform.sub.php


파일 제일 하단에 있는 datepicker 옵션 부분 전체를 이렇게 변경합니다.

보기 편하게 세로로 재정리 한 거고 원본에서 추가된 부분은 빨간색 부분입니다.

예를 들어 일요일은 선택 못하게 금지시켜 보겠습니다.


$(function(){
    $("#od_hope_date").datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat: "yy-mm-dd",
        showButtonPanel: true,
        yearRange: "c-99:c+99",
        minDate: "+<?php echo (int)$default['de_hope_date_after']; ?>d;",
        maxDate: "+<?php echo (int)$default['de_hope_date_after'] + 6; ?>d;",
        beforeShowDay: function(date) {
            var day = date.getDay();
            return [(day != 0), ''];
        }
    });
});

 

day != 0 이 부분 숫자로 요일을 선택하는 겁니다.


0 (일요일)

1 (월요일)

2 (화요일)

3 (수요일)

4 (목요일)

5 (금요일)

6 (토요일)


특정 요일을 여러개 지정하려면 이렇게 해도 되겠네요.

(day != 0 && day != 6)



40c303b069e30b4cea818961f733494b_1505577718_836.gif
 

적용하면 이렇게 지정 요일은 비활성화돼서 선택할 수가 없습니다.



Datepicker 일반 게시판에 적용하는 방법

http://gnustudy.com/bbs/board.php?bo_table=skin_board&wr_id=15

로그인 후 댓글을 남겨주세요.
영카트 강좌 목록
번호 제목
34 상품 관리 권한을 특정 회원에게 부여하기 (관리 회원 아이디) 새글
33 쇼핑몰 페이지 전체 임시 접근 금지
32 비회원으로 구매하기 클릭시 로그인 창 삭제하기
31 상품 목록 정렬 순서를 최근 등록 날짜순으로 변경하기
30 배송 정보를 이미지로 만들어서 넣었을 때 페이지 밀림 방지
29 상품 목록 보기 방식을 갤러리 타입에서 리스트 타입으로 변경
28 상품 이미지를 썸네일이 아닌 원본으로 출력
27 주문서 전하실 말씀 textarea에 내용 미리 입력
26 1:1문의 페이지에 영카트 레이아웃 적용하기 모바일 지원
25 FAQ 페이지에 영카트 레이아웃을 적용하기
24 인덱스 페이지에 특정 상품 분류 페이지를 직접 출력하기 댓글1
23 상품 목록용 썸네일 이미지 별도로 사용하기
22 상품목록 스킨에 최소 최대 구매 수량 출력
21 메인페이지에 상품 문의 최신글 출력 댓글1
20 영카트 레이아웃을 특정 게시판에 적용하기 모바일 지원
19 상품 여분 필드에 스마트 에디터 적용
18 상품 리스트 페이지에서 정렬 옵션 선택했을 때 활성화 효과
17 상품 썸네일 이미지 여백 없이 생성 크롭 설정 변경 댓글1
16 상품 여분 필드 사용 방법
열람중 Datepicker 특정 요일 선택 금지 영카트 희망 배송일에 사용
14 주문내역 목록에서 운송장번호 일괄등록 댓글4
13 상품 유형 관리에 이벤트 항목 추가 댓글3
12 모바일 페이지에서 상품 유형 아이콘 출력
11 상품 썸네일 이미지 일괄 삭제
10 주문금액이 일정 금액 이상일 때만 포인트 결제 사용 가능
게시물 검색


그누스터디는 그누보드, 영카트 초보 사용자를 위한 정보를 공유합니다.

Copyright © GNUSTUDY. All rights reserved.
상단으로