그누보드 QA - 데이터 피커 중복으로 사용할 수 있나요?

데이터 피커 중복으로 사용할 수 있나요?

굼떠 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색

2024.12.16 13:43:29 727 (211.♡.♡.16)

답변 3

본문

영카트 사용중인데 장바구니 버튼이 상세페이지 상단과 하단에 두군데가 있잖아요?

현재 직접 입력하는 input 을 추가했는데 datepicker 사용 중인데

혹시 상단과 하단의 datepicker를 연동할 수 없나요?

아이디값이 중복이다보니 상단 폼을 누르면 달력이 뜨는데 하단 폼을 누르면 달력도 뜨질 않네요..

item.form.skin.php

[code

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);

add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/sha.css">', 0);

<form name="fitem" method="post" enctype="MULTIPART/FORM-DATA" action="<?php echo $action_url; ?>" onsubmit="return fitem_submit(this);">

<?php

$big_img_count = 0;

$thumbnails = array();

for($i=1; $i<=10; $i++) {

if(!$it['it_img'.$i])

continue;

$img = get_it_thumbnail($it['it_img'.$i], 500, 0);

if($img) {

// 썸네일

$thumb = get_it_thumbnail($it['it_img'.$i], 70, 70);

$thumbnails[] = $thumb;

$big_img_count++;

echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$i.'" target="_blank" class="popup_item_image">'.$img.'</a>';

}

if($big_img_count == 0) {

echo '<img src="'.G5_SHOP_URL.'/img/no_image.gif" alt="">';

}

<a href="<?php echo G5_SHOP_URL; ?>/largeimage.php?it_id=<?php echo $it['it_id']; ?>&no=1" target="_blank" id="popup_item_image" class="popup_item_image"><i class="fa fa-search-plus" aria-hidden="true"></i><span class="sound_only">확대보기</span></a>

</div>

<?php

// 썸네일

$thumb1 = true;

$thumb_count = 0;

$total_count = count($thumbnails);

if($total_count > 0) {

echo '<ul id="sit_pvi_thumb">';

foreach($thumbnails as $val) {

$thumb_count++;

$sit_pvi_last ='';

if ($thumb_count % 5 == 0) $sit_pvi_last = 'class="li_last"';

echo '<li '.$sit_pvi_last.'>';

echo '<a href="'.G5_SHOP_URL.'/largeimage.php?it_id='.$it['it_id'].'&no='.$thumb_count.'" target="_blank" class="popup_item_image img_thumb">'.$val.'<span class="sound_only"> '.$thumb_count.'번째 이미지 새창</span></a>';

echo '</li>';

}

echo '</ul>';

}

</div>

<?php if($is_orderable) { ?>

상품 선택옵션 <?php echo $option_count; ?> 개, 추가옵션 <?php echo $supply_count; ?> 개

</p>

<?php } ?>

<?php if ($star_score) { ?>

<img src="<?php echo G5_SHOP_URL; ?>/img/s_star<?php echo $star_score?>.png" alt="" class="sit_star" width="100">

<?php } ?>

<span id="btn_wish"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sound_only">위시리스트</span><span class="btn_wish_num"><?php echo get_wishlist_count_by_item($it['it_id']); ?></span></span>

<?php echo $sns_share_links; ?>

</div>

$(".btn_sns_share").click(function(){

$(".sns_area").show();

});

$(document).mouseup(function (e){

var container = $(".sns_area");

if( container.has(e.target).length === 0)

container.hide();

});

</script>

<?php if (!$it['it_use']) { // 판매가능이 아닐 경우 ?>

<dl>

</dl>

<?php } else if ($it['it_tel_inq']) { // 전화문의일 경우 ?>

<dl>

</dl>

<?php } else { // 전화문의가 아닐 경우?>

<?php if ($it['it_cust_price']) { ?>

<dl>

</dl>

<?php } // 시중가격 끝 ?>

<dd>

</dd>

</dl>

<?php } ?>

<?php if ($it['it_maker']) { ?>

<dl>

</dl>

<?php } ?>

<?php if ($it['it_origin']) { ?>

<dl>

</dl>

<?php } ?>

<?php if ($it['it_brand']) { ?>

<dl>

</dl>

<?php } ?>

<?php if ($it['it_model']) { ?>

<dl>

</dl>

<?php } ?>

<?php

/* 재고 표시하는 경우 주석 해제

<dl>

</dl>

<?php if ($config['cf_use_point']) { // 포인트 사용한다면 ?>

<dl>

<dd>

<?php

if($it['it_point_type'] == 2) {

echo '구매금액(추가옵션 제외)의 '.$it['it_point'].'%';

} else {

$it_point = get_item_point($it);

echo number_format($it_point).'점';

}

</dd>

</dl>

</div>

<?php } ?>

<?php

$ct_send_cost_label = '상담유형';

if($it['it_sc_type'] == 1)

$sc_method = '직접방문';

else {

if($it['it_sc_method'] == 1)

$sc_method = '수령후 지불';

else if($it['it_sc_method'] == 2) {

$ct_send_cost_label = '<label for="ct_send_cost">배송비결제</label>';

$sc_method = '<select name="ct_send_cost" id="ct_send_cost">

</select>';

}

else

$sc_method = '주문시 결제';

}

<dl>

</dl>

<?php if($it['it_buy_min_qty']) { ?>

<dl>

<dt>최소구매수량</dt>

</dl>

<?php } ?>

<?php if($it['it_buy_max_qty']) { ?>

<dl>

<dt>최대구매수량</dt>

</dl>

<?php } ?>

</div>

<?php

if($option_item) {

<dl>

<dt>상담희망일자</dt>

</dl>

</div>

<?php // 선택옵션

echo $option_item;

</section>

<?php

}

<?php

if($supply_item) {

<?php // 추가옵션

echo $supply_item;

</section>

<?php

}

<?php if ($is_orderable) { ?>

<?php

if(!$option_item) {

if(!$it['it_buy_min_qty'])

$it['it_buy_min_qty'] = 1;

<input type="hidden" name="io_type[<?php echo $it_id; ?>][]" value="0">

<input type="hidden" name="io_id[<?php echo $it_id; ?>][]" value="">

<input type="hidden" name="io_value[<?php echo $it_id; ?>][]" value="<?php echo $it['it_name']; ?>">

</div>

<label for="ct_qty_<?php echo $i; ?>" class="sound_only">수량</label>

<input type="text" name="ct_qty[<?php echo $it_id; ?>][]" value="<?php echo $it['it_buy_min_qty']; ?>" id="ct_qty_<?php echo $i; ?>" class="num_input" size="5">

</div>

</li>

</ul>

$(function() {

price_calculate();

});

</script>

<?php } ?>

</section>

<?php } ?>

<?php if($is_soldout) { ?>

<?php } ?>

<?php if ($is_orderable) { ?>

<?php } ?>

<a href="javascript:item_wish(document.fitem, '<?php echo $it['it_id']; ?>');" class="sit_btn_wish"><i class="fa fa-heart-o" aria-hidden="true"></i><span class="sound_only">위시리스트</span></a>

<?php if(!$is_orderable && $it['it_soldout'] && $it['it_stock_sms']) { ?>

<a href="javascript:popup_stocksms('<?php echo $it['it_id']; ?>');" id="sit_btn_alm">재입고알림</a>

<?php } ?>

<?php if ($naverpay_button_js) { ?>

<?php } ?>

</div>

// 상품보관

function item_wish(f, it_id)

{

f.url.value = "<?php echo G5_SHOP_URL; ?>/wishupdate.php?it_id="+it_id;

f.action = "<?php echo G5_SHOP_URL; ?>/wishupdate.php";

f.submit();

}

// 추천메일

function popup_item_recommend(it_id)

{

if (!g5_is_member)

{

if (confirm("회원만 추천하실 수 있습니다."))

document.location.href = "<?php echo G5_BBS_URL; ?>/login.php?url=<?php echo urlencode(shop_item_url($it_id)); ?>";

}

else

{

url = "./itemrecommend.php?it_id=" + it_id;

opt = "scrollbars=yes,width=616,height=420,top=10,left=10";

popup_window(url, "itemrecommend", opt);

}

// 재입고SMS 알림

function popup_stocksms(it_id)

{

url = "<?php echo G5_SHOP_URL; ?>/itemstocksms.php?it_id=" + it_id;

opt = "scrollbars=yes,width=616,height=420,top=10,left=10";

popup_window(url, "itemstocksms", opt);

}

</script>

</section>

</div>

<?php

if ($prev_href || $next_href) {

echo $prev_href.$prev_title.$prev_href2;

echo $next_href.$next_title.$next_href2;

} else {

echo '<span class="sound_only">이 분류에 등록된 다른 상품이 없습니다.</span>';

}

</div>

</form>

</div>

$(function(){

var date = new Date();

var currentMonth = date.getMonth();

var currentDate = date.getDate();

var currentYear = date.getFullYear();

$("#work_msg").datepicker({

changeMonth: true, // 달 수정가능

changeYear: true, // 연도 수정가능

showMonthAfterYear: true, // 연도와 달의 위치 변경

monthNames: ["1","2","3","4","5","6","7","8","9","10","11","12"], // 달의 이름을 숫자로 변경

monthNamesShort: ["1","2","3","4","5","6","7","8","9","10","11","12"], // 달의 이름을 숫자로 변경

dayNamesShort: [ "일", "월", "화", "수", "목", "금", "토" ], // 일의 이름을 한글로 변경

dayNamesMin: [ "일", "월", "화", "수", "목", "금", "토" ], // 일의 이름을 한글로 변경

minDate: 0, // 입력할수 있는 최소값 설정

maxDate: "6M", // 현재날짜를 최대값으로 설정

dateFormat: 'yy-mm-dd', //input에 입력될 날짜 형식 yy, yy-mm yy-mm-dd

})

// 상품이미지 첫번째 링크

$("#sit_pvi_big a:first").addClass("visible");

// 상품이미지 미리보기 (썸네일에 마우스 오버시)

$("#sit_pvi .img_thumb").bind("mouseover focus", function(){

var idx = $("#sit_pvi .img_thumb").index($(this));

$("#sit_pvi_big a.visible").removeClass("visible");

$("#sit_pvi_big a:eq("+idx+")").addClass("visible");

});

// 상품이미지 크게보기

$(".popup_item_image").click(function() {

var url = $(this).attr("href");

var top = 10;

var left = 10;

var opt = 'scrollbars=yes,top='+top+',left='+left;

popup_window(url, "largeimage", opt);

return false;

});

function fsubmit_check(f)

{

// 판매가격이 0 보다 작다면

if (document.getElementById("it_price").value < 0) {

alert("전화로 문의해 주시면 감사하겠습니다.");

return false;

}

if($(".sit_opt_list").length < 1) {

alert("상품의 선택옵션을 선택해 주십시오.");

return false;

}

var val, io_type, result = true;

var sum_qty = 0;

var min_qty = parseInt(<?php echo $it['it_buy_min_qty']; ?>);

var max_qty = parseInt(<?php echo $it['it_buy_max_qty']; ?>);

var $el_type = $("input[name^=io_type]");

$("input[name^=ct_qty]").each(function(index) {

val = $(this).val();

if(val.length < 1) {

alert("수량을 입력해 주십시오.");

result = false;

return false;

}

if(val.replace(/[0-9]/g, "").length > 0) {

alert("수량은 숫자로 입력해 주십시오.");

result = false;

return false;

}

if(parseInt(val.replace(/[^0-9]/g, "")) < 1) {

alert("수량은 1이상 입력해 주십시오.");

result = false;

return false;

}

io_type = $el_type.eq(index).val();

if(io_type == "0")

sum_qty += parseInt(val);

});

if(!result) {

return false;

}

if(min_qty > 0 && sum_qty < min_qty) {

alert("선택옵션 개수 총합 "+number_format(String(min_qty))+"개 이상 주문해 주십시오.");

return false;

}

if(max_qty > 0 && sum_qty > max_qty) {

alert("선택옵션 개수 총합 "+number_format(String(max_qty))+"개 이하로 주문해 주십시오.");

return false;

}

return true;

}

// 바로구매, 장바구니 폼 전송

function fitem_submit(f)

{

f.action = "<?php echo $action_url; ?>";

f.target = "";

if (document.pressed == "장바구니") {

f.sw_direct.value = 0;

} else { // 바로구매

f.sw_direct.value = 1;

}

// 판매가격이 0 보다 작다면

if (document.getElementById("it_price").value < 0) {

alert("전화로 문의해 주시면 감사하겠습니다.");

return false;

}

if(f.work_msg.value == "") {

alert("상담희망일자를 선택해 주십시오.");

f.work_msg.focus();

return false;

}

if($(".sit_opt_list").length < 1) {

alert("상품의 선택옵션을 선택해 주십시오.");

return false;

}

var val, io_type, result = true;

var sum_qty = 0;

var min_qty = parseInt(<?php echo $it['it_buy_min_qty']; ?>);

var max_qty = parseInt(<?php echo $it['it_buy_max_qty']; ?>);

var $el_type = $("input[name^=io_type]");

$("input[name^=ct_qty]").each(function(index) {

val = $(this).val();

if(val.length < 1) {

alert("수량을 입력해 주십시오.");

result = false;

return false;

}

if(val.replace(/[0-9]/g, "").length > 0) {

alert("수량은 숫자로 입력해 주십시오.");

result = false;

return false;

}

if(parseInt(val.replace(/[^0-9]/g, "")) < 1) {

alert("수량은 1이상 입력해 주십시오.");

result = false;

return false;

}

io_type = $el_type.eq(index).val();

if(io_type == "0")

sum_qty += parseInt(val);

});

if(!result) {

return false;

}

if(min_qty > 0 && sum_qty < min_qty) {

alert("선택옵션 개수 총합 "+number_format(String(min_qty))+"개 이상 주문해 주십시오.");

return false;

}

if(max_qty > 0 && sum_qty > max_qty) {

alert("선택옵션 개수 총합 "+number_format(String(max_qty))+"개 이하로 주문해 주십시오.");

return false;

}

return true;

}

</script>

<?php /* 2017 리뉴얼한 테마 적용 스크립트입니다. 기존 스크립트를 오버라이드 합니다. */ ?>

[/code]

[code]

//item.info.skin.php

<?php

if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨

add_stylesheet('<link rel="stylesheet" href="'.G5_SHOP_CSS_URL.'/style.css">', 0);

<?php if ($default['de_rel_list_use']) { ?>

<?php if($it['ca_id'] == "601010" || $it['ca_id'] == "6010" || $it['ca_id'] == "60") {?>

<?php } else { ?>

<?php

$rel_skin_file = $skin_dir.'/'.$default['de_rel_list_skin'];

if(!is_file($rel_skin_file))

$rel_skin_file = G5_SHOP_SKIN_PATH.'/'.$default['de_rel_list_skin'];

$sql = " select b.* from {$g5['g5_shop_item_relation_table']} a left join {$g5['g5_shop_item_table']} b on (a.it_id2=b.it_id) where a.it_id = '{$it['it_id']}' and b.it_use='1' ";

$list = new item_list($rel_skin_file, $default['de_rel_list_mod'], 0, $default['de_rel_img_width'], $default['de_rel_img_height']);

$list->set_query($sql);

echo $list->run();

</section>

<?php }} ?>

<li>

<?php if($it['ca_id'] == "601010" || $it['ca_id'] == "6010" || $it['ca_id'] == "60") {?>

<?php } else {?>

<?php }?>

</li>

</ul>

<?php if ($it['it_explan']) { // 상품 상세설명 ?>

<?php echo conv_content($it['it_explan'], 1); ?>

</div>

<?php } ?>

<?php if($it['ca_id'] == "601010" || $it['ca_id'] == "6010" || $it['ca_id'] == "60") {

} else {

if ($it['it_info_value']) { // 상품 정보 고시

$info_data = unserialize(stripslashes($it['it_info_value']));

if(is_array($info_data)) {

$gubun = $it['it_info_gubun'];

$info_array = $item_info[$gubun]['article'];

<tbody>

<?php

foreach($info_data as $key=>$val) {

$ii_title = $info_array[$key][0];

$ii_value = $val;

<tr>

</tr>

<?php } //foreach?>

</tbody>

</table>

<?php

}

} //if

</li>

</li>

</li>

<?php if($it['ca_id'] == "601010" || $it['ca_id'] == "6010" || $it['ca_id'] == "60") {?>

<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>

<?php echo conv_content($default['de_baesong_content'], 1); ?>

</div>

<?php } ?>

<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>

<?php echo conv_content($default['de_change_content'], 1); ?>

</div>

<?php } ?>

</li>

<?php } else {?>

<?php if ($default['de_baesong_content']) { // 배송정보 내용이 있다면 ?>

<?php echo conv_content($default['de_baesong_content'], 1); ?>

</div>

<?php } ?>

<?php if ($default['de_change_content']) { // 교환/반품 내용이 있다면 ?>

<?php echo conv_content($default['de_change_content'], 1); ?>

</div>

<?php } ?>

</li>

<?php }?>

<?php

#그누보드5 #영카트5 #php

답변 3

미니님a 홈페이지 자기소개 전체게시물 회원게시물 회원 질문검색 회원 답변검색 회원 댓글검색 님의 답변

2024-12-16 14:11:44 58.♡.♡.26

https://jqueryui.com/datepicker/#alt-field

from / to 를 활용하시면 가능합니다

각각 다른 datepicker 가 동작하지만, 값은 서로 연동이 가능합니다.

아래 코드를 응용해서 사용하세요



 <style>
        .datepicker-container {
            margin-bottom: 20px;
        }
        label {
            display: inline-block;
            width: 100px;
        }
        input {
            padding: 5px;
            width: 150px;
        }
    </style>
</head>
<body>
    <div class="datepicker-container">
        <label for="datepicker1">날짜 선택 1:</label>
        <input type="text" id="datepicker1" readonly>
    </div>
    <div class="datepicker-container">
        <label for="datepicker2">날짜 선택 2:</label>
        <input type="text" id="datepicker2" readonly>
    </div>
    <script>
        $(function() {
            // 플래그 변수로 무한 루프 방지
            var isUpdatingDatepicker1 = false;
            var isUpdatingDatepicker2 = false;
            // 첫 번째 Datepicker 초기화
            $("#datepicker1").datepicker({
                dateFormat: "yy-mm-dd",
                onSelect: function(selectedDate) {
                    if (!isUpdatingDatepicker2) {
                        isUpdatingDatepicker1 = true;
                        $("#datepicker2").datepicker("setDate", selectedDate);
                        isUpdatingDatepicker1 = false;
                    }
                }
            });
            // 두 번째 Datepicker 초기화
            $("#datepicker2").datepicker({
                dateFormat: "yy-mm-dd",
                onSelect: function(selectedDate) {
                    if (!isUpdatingDatepicker1) {
                        isUpdatingDatepicker2 = true;
                        $("#datepicker1").datepicker("setDate", selectedDate);
                        isUpdatingDatepicker2 = false;
                    }
                }
            });
        });
    </script>