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

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

팁앤테크

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

페이지 정보

본문

<!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>
추천0

댓글목록

등록된 댓글이 없습니다.

Total 825건 7 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 추천 날짜
675 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18949 0 08-09
674 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18949 0 09-18
673 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18910 0 10-06
672 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18871 0 12-01
671 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18826 0 06-12
670 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18781 0 10-31
669 월드컵쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18763 0 12-03
668 연후아빠쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 18738 0 03-27
667 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18720 0 06-28
666 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18595 0 05-02
665 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18590 0 05-31
664 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18572 0 04-30
663 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18558 0 03-21
662 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18511 0 05-30
661 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18508 0 03-03
660 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18503 0 01-04
659 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18490 0 10-21
658 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18483 0 06-08
657 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18441 0 04-28
656 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18385 0 05-31
655 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18374 0 01-05
654 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18327 0 12-15
653 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18266 0 06-21
652 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18199 0 06-23
651 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 18193 0 02-18

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
3,082
어제
7,952
최대
8,233
전체
1,527,159
Copyright (c) 株式会社YHPLUS. All rights reserved.