[jQuery] jQuery UI 날짜 선택기 (datepicker) > 팁앤테크

본문 바로가기
사이트 내 전체검색

팁앤테크

[jQuery] jQuery UI 날짜 선택기 (datepicker)

페이지 정보

profile_image
작성자 제로
댓글 0건 조회 70,027회 작성일 14-01-08 18:43

본문

<!DOCTYPE html>
<meta charset=”utf-8” />
<link rel=”stylesheet” href=”http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css” type=”text/css” media=”all” />
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script>
<script src=”http://code.jquery.com/ui/1.8.18/jquery-ui.min.js” type=”text/javascript”></script>
<script>
$(function() {
  $( ”#datepicker1” ).datepicker({
    dateFormat: ’yy-mm-dd’,
    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: ’년’
  });
});
</script>
<p>생년월일: <input type=”text” id=”datepicker1”></p>

*************************************************************

<!DOCTYPE html>
<meta charset=”utf-8” />
<link rel=”stylesheet” href=”http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css” type=”text/css” media=”all” />
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script>
<script src=”http://code.jquery.com/ui/1.8.18/jquery-ui.min.js” type=”text/javascript”></script>
<script>
$(function() {
  $( ”#datepicker1, #datepicker2” ).datepicker({
    dateFormat: ’yy-mm-dd’
  });
});
</script>
<p>조회기간: <input type=”text” id=”datepicker1”> ~ <input type=”text” id=”datepicker2”></p>

*****************

<!DOCTYPE html>
<meta charset=”utf-8” />
<link rel=”stylesheet” href=”http://code.jquery.com/ui/1.8.18/themes/base/jquery-ui.css” type=”text/css” media=”all” />
<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js” type=”text/javascript”></script>
<script src=”http://code.jquery.com/ui/1.8.18/jquery-ui.min.js” type=”text/javascript”></script>
<script>
$(function() {
  $( ”#datepicker1, #datepicker2” ).datepicker({
    dateFormat: ’yy-mm-dd’,
    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: ’년’
  });
});
</script>
<p>조회기간: <input type=”text” id=”datepicker1”> ~ <input type=”text” id=”datepicker2”></p>

댓글목록

등록된 댓글이 없습니다.

Total 779건 8 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
604 제로 57118 11-20
603 제로 77167 11-19
602 제로 44973 11-17
601 제로 49444 11-17
600 제로 62185 11-07
599 제로 75870 10-24
598 제로 65865 10-22
597 제로 73917 10-07
596 제로 69075 07-02
595 제로 60212 06-18
594 제로 61913 06-11
593 제로 66495 06-11
592 제로 59206 05-09
591 제로 65478 05-02
590 제로 69236 03-29
589 제로 64528 01-22
588 제로 60716 01-09
열람중 제로 70028 01-08
586 제로 66127 01-06
585 제로 85861 12-31
584 제로 68333 12-26
583 제로 65558 12-24
582 제로 68302 12-01
581 제로 65098 11-21
580 제로 46614 11-08

검색

회원로그인

회원가입

사이트 정보

株式会社YHPLUS / 대표 : ZERO
〒140-0011 東京都品川区東大井2-5-9-203
050-5470-4714
오픈카카오톡 (YHPLUS) :
https://open.kakao.com/o/slfDj15d

접속자집계

오늘
24,562
어제
11,101
최대
431,155
전체
6,724,602
Copyright (c) 株式会社YHPLUS. All rights reserved.