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

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

팁앤테크

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

페이지 정보

profile_image
작성자 제로
댓글 0건 조회 73,729회 작성일 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 829건 1 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
829 제로 3840 06-18
828 제로 6597 03-21
827 제로 5994 02-23
826 제로 32034 11-02
825 제로 35152 07-10
824 제로 47368 04-06
823 제로 32776 02-21
822 제로 39448 12-31
821 제로 31896 12-24
820 제로 31791 12-04
819 제로 34503 10-17
818 제로 33361 10-02
817 제로 61989 08-04
816 제로 31755 08-04
815 제로 44147 08-03
814 제로 44360 07-08
813 제로 76047 07-08
812 제로 92657 07-06
811 제로 32946 06-09
810 제로 39025 06-03
809 제로 37404 04-16
808 제로 37849 03-29
807 제로 31960 03-26
806 제로 39597 03-12
805 제로 34271 03-10

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
25,971
어제
11,383
최대
431,155
전체
10,454,735
Copyright (c) 株式会社YHPLUS. All rights reserved.