$("._datePicker").datepicker({
prevText: '이전 달',
nextText: '다음 달',
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월'],
dayNames: ['일', '월', '화', '수', '목', '금', '토'],
dayNamesShort: ['일', '월', '화', '수', '목', '금', '토'],
dayNamesMin: ['일', '월', '화', '수', '목', '금', '토'],
// showMonthAfterYear: true,
yearSuffix: '년',
showOn: "button",
buttonImage: "img/calendar.gif",
buttonImageOnly: true,
buttonText: "Select date",
regional : 'ko',
autoSize : true,
changeMonth : true,
changeYear : true ,
altFormat : 'yy-mm-dd',
dateFormat : 'yy-mm-dd',
showButtonPanel : true,
beforeShow: function() {
setTimeout(function() {
$("#ui-datepicker-div").before(
"<iframe id='ui-datepicker-div-bg-iframe' frameborder='0' scrolling='no' style='filter:alpha(opacity=0); position:absolute;"
+ "left: " + $("#ui-datepicker-div").css("left") + ";"
+ "top: " + $("#ui-datepicker-div").css("top") + ";"
+ "width: " + $("#ui-datepicker-div").outerWidth(true) + "px;"
+ "height: " + $("#ui-datepicker-div").outerHeight(true) + "px;'></iframe>");
}, 20);
},
onSelect : function( dateText, inst ) {
$(this).removeClass('placeholdersjs');
},
onClose: function() {
clearPlaceholder();
$("#ui-datepicker-div-bg-iframe").remove();
}
});
<input class="_datePicker " id="searchDate" name="searchDate" placeholder="Date" >
'Programing > JQUERY' 카테고리의 다른 글
SCRIPT 에서 APPEND 한 이벤트 Binding 처리 (0) | 2020.03.12 |
---|---|
특정 영역(DIV) 여닫기 기능 Toggle (0) | 2017.11.23 |