[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>

댓글목록

등록된 댓글이 없습니다.

Total 827건 1 페이지
  • RSS
팁앤테크 목록
번호 제목 글쓴이 조회 날짜
827 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 678 02-23
826 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27256 11-02
825 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 30461 07-10
824 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 37996 04-06
823 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 28465 02-21
822 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 31631 12-31
821 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27459 12-24
820 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27057 12-04
819 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 29691 10-17
818 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 28468 10-02
817 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 45824 08-04
816 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27357 08-04
815 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 35963 08-03
814 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 36295 07-08
813 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 59124 07-08
812 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 70821 07-06
811 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 28503 06-09
810 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 33138 06-03
809 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 31884 04-16
808 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 32407 03-29
807 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 27470 03-26
806 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 33851 03-12
805 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 29345 03-10
804 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 46875 03-03
803 제로쪽지보내기 메일보내기 홈페이지 자기소개 아이디로 검색 전체게시물 36353 02-28

검색

회원로그인

회원가입

사이트 정보

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

접속자집계

오늘
11,012
어제
24,938
최대
240,985
전체
3,153,179
Copyright (c) 株式会社YHPLUS. All rights reserved.