리자

jquery date picker 캘린더 적용 방법

· 2010-12-09 (목) 10:49:48 · 11398 · 1

<link type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/themes/base/jquery-ui.css" rel="stylesheet" />
<style type="text/css">
<!--
.ui-datepicker { font:12px dotum; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 70px;}
.ui-datepicker-trigger { margin:0 0 -5px 2px; }
-->
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.4/jquery-ui.min.js"></script>
<script type="text/javascript">
/* Korean initialisation for the jQuery calendar extension. */
/* Written by DaeKwon Kang ([email protected]). */
jQuery(function($){
 $.datepicker.regional['ko'] = {
  closeText: '닫기',
  prevText: '이전달',
  nextText: '다음달',
  currentText: '오늘',
  monthNames: ['1월(JAN)','2월(FEB)','3월(MAR)','4월(APR)','5월(MAY)','6월(JUN)',
  '7월(JUL)','8월(AUG)','9월(SEP)','10월(OCT)','11월(NOV)','12월(DEC)'],
  monthNamesShort: ['1월','2월','3월','4월','5월','6월',
  '7월','8월','9월','10월','11월','12월'],
  dayNames: ['일','월','화','수','목','금','토'],
  dayNamesShort: ['일','월','화','수','목','금','토'],
  dayNamesMin: ['일','월','화','수','목','금','토'],
  weekHeader: 'Wk',
  dateFormat: 'yymmdd',
  firstDay: 0,
  isRTL: false,
  showMonthAfterYear: true,
  yearSuffix: ''};
 $.datepicker.setDefaults($.datepicker.regional['ko']);

    $('#text_field').datepicker({
        showOn: 'button',
  buttonImage: '<?=$g4[path]?>/img/calendar.gif',
  buttonImageOnly: true,
        buttonText: "달력",
        changeMonth: true,
  changeYear: true,
        showButtonPanel: true,
        yearRange: 'c-99:c+99',
        maxDate: '+0d'
    });
});
</script>

<input type="text" id="text_field" size="8" readonly="readonly" />

|

댓글 1개

2011-04-02 (토) 00:20:03
어덯게 사용하나요
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
10-12-18 조회 5,100
10-12-17 조회 4,857
10-12-17 조회 3,676
10-12-17 조회 3,416
10-12-17 조회 6,857
10-12-10 조회 4,189
10-12-09 조회 5,650
10-12-09 조회 1.1만
10-12-08 조회 4,685
10-12-01 조회 9,818
10-11-29 조회 4,762
10-11-28 조회 4,406
10-11-27 조회 3,137
10-11-25 조회 6,078
10-11-24 조회 5,012
10-11-17 조회 9,037
10-11-12 조회 8,680
10-11-10 조회 1만
10-11-09 조회 5,089
10-11-08 조회 4,567