[자바스크립트] 달력 datepicker

<input type="text" id="pr_start_date" name="start_date"

class="fText gDate" value="">

&nbsp;~&nbsp; 

<input type="text" id="pr_end_date" name="end_date"

class="fText gDate" value="">

$(document).ready(function() {

/*상품 등록일*/ 

var calendar = {

monthNamesShort : ['1월','2월','3월','4월','5월','6월','7월','8월','9월','10월','11월','12월'],

dayNamesMin : ['일','월','화','수','목','금','토'],

weekHeader : 'Wk',

dateFormat: 'yy-mm-dd',

// 오토 리사이즈(body등 상위태그의 설정에 따른다)

autoSize: false,

// 월 변경가능

changeMonth: true,

// 년 변경가능

changeYear: true,

//년 뒤에 월 표시

showMonthAfterYear: true,

// 이미지표시

buttonImageOnly: true,

// 버튼 텍스트 표시

buttonText: '달력선택',

// next 아이콘의 툴팁.

nextText: '다음 달',

// prev 아이콘의 툴팁.

prevText: '이전 달',

// 이미지 주소

buttonImage : 'ㅇㄻㅇㄻㅇㄻㄴㅇㄹㅇㄹ',

// 엘리먼트와 이미지 동시 사용(both,button)

showOn: "both",

// 2019년부터 2100년까지

yearRange: '2019:2100',

showButtonPanel: true, 

        currentText: '오늘 날짜', 

};

/* 상품 등록일 - 시작일 */

$("#pr_start_date").datepicker(calendar);

/* 상품 등록일 - 종료일 */

$("#pr_end_date").datepicker(calendar);

// 이미지 버튼 style 적용

$("img.ui-datepicker-trigger").attr("style", "margin-left:5px; vertical-align:middle; cursor:pointer;");

//자동으로 생성되는 div객체 숨김

$("#ui-datepicker-div").hide();

});