인풋에 달력넣기 > 팁자료실

본문 바로가기

사이트 내 전체검색

뒤로가기 팁자료실

인풋에 달력넣기

페이지 정보

작성자 그누웹 작성일 24-06-14 08:24 조회 1,185 댓글 0

본문

폴더에 파일을 넣고 로드시킵니다.

<link rel="stylesheet" href="<?php echo G5_PLUGIN_URL ?>/jquery-ui/jquery-ui.css" type="text/css" media="all" />

<script src="<?php echo G5_PLUGIN_URL ?>/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>

 

띄우고자 하는 인풋의 선택자를 넣고 스크립트를 넣습니다, <script>

 $(function() {

  $( "#t_start, #t_end, #t_start1, #t_end1, #date, .date ").datepicker({

    dateFormat: 'yy-mm-dd',

    prevText: '이전 달',

    nextText: '다음 달',

    

     changeYear: true, 

     changeMonth: 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월'],

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

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

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

    showMonthAfterYear: true,

    yearSuffix: '년',


//종료일 제한

yearRange: 'c-10:c+0',  

minDate: '-180MM',  

maxDate: '+12M' 

  });

 });

 </script>


댓글목록 0

등록된 댓글이 없습니다.

Copyright © 소유하신 도메인. All rights reserved.

사이트 정보

회사명 : 회사명 / 대표 : 대표자명
주소 : OO도 OO시 OO구 OO동 123-45
사업자 등록번호 : 123-45-67890
전화 : 02-123-4567 팩스 : 02-123-4568
통신판매업신고번호 : 제 OO구 - 123호
개인정보관리책임자 : 정보책임자명

PC 버전으로 보기