HomePC.11q.kr 홈페이지는 HomePc 활용을 위한 정보나눔을 11q.kr과 함께 합니다.
   
 
홈빌드

●jQuery 및 CSS3를 사용하여 캘린더를 만드는 방법

♨ 카랜더 일정 : 2021년07월16일




  • 링크

  • 첨부

  • 컨텐츠 정보

    본문

    jQuery 및 CSS3를 사용하여 캘린더를 만드는 방법

     •  •  VALERIU TIMBUC • 2016년 4월 4일 • 3분 읽기 

    jQuery 및 CSS3를 사용하여 캘린더를 만드는 방법 [튜토리얼]

    주제: jQuery 및 CSS3
    난이도: 중급
    예상 완료 시간: 30분

    이 튜토리얼에서는 Futurico UI Pro에서 찾을 수 있는 jQuery 및 CSS3 캘린더 를 코딩할 것입니다. 이를 위해 모든 스타일 지정에 CSS를 사용하고 "기능"에 대해 jQuery 및 jQuery UI를 사용 합니다. jQuery UI에서는 "Datepicker" 스크립트 만 사용합니다 따라서 jQuery UI에서 사용 가능한 모든 구성 요소를 다운로드할 필요가 없으며 파일 크기가 더 작아집니다.

    1단계 – HTML 마크업

    캘린더를 만들려면 ID가 있는 div 태그만 추가하면 됩니다.

    1
    <div id="calendar"></div>

    그런 다음 body 닫는 태그 앞에 jQuery와 jQuery UI 스크립트를 추가해야 합니다.

    또한 "datepicker" 를 호출해야 하므로 div에서 사용한 것과 동일한 ID를 사용해야 합니다. 또한 몇 가지 옵션을 추가할 것입니다. 인라인은 캘린더를 표시하므로 버튼이나 입력을 클릭할 필요가 없습니다. "월요일"을 달력의 첫 번째 날로 만들 려면 1로 설정해야 합니다. "다른 월 표시" 는 모든 테이블을 채우기 위해 다른 월 일을 추가합니다. 사용 가능한 모든 옵션에 대한 자세한 내용은  설명서를 참조하십시오 .

    1
    2
    4
    5
    6
    7
    8
    9
    10
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="js/jquery-ui-datepicker.min.js"></script>
    <script>
        $('#calendar').datepicker({
    [ 추가 정보 ... 더보기) ]
    뷰PDF 1,2



    office view

    관련자료

    댓글목록

    등록된 댓글이 없습니다.



    ☆공지글(Notice)(5)


    PHP 안에 HTML ☞ 방문 시간은 2021-07-30 14:16:04.

    ☆최근글


    ☆새댓글


    State


    • 현재 접속자 50 명
    • 오늘 가입자※ 0 명
    • 어제 가입자※ 0 명
    • 주간 가입자※ 3 명
    • 오늘 방문자 947 명
    • 어제 방문자 1,075 명
    • 최대 방문자 8,153 명
    • 전체 방문자 2,742,270 명
    • 전체 게시물※ 6,315 개
    • 전체 댓글수※ 19,306 개
    • 전체 회원수 8,003 명

    MB-Rank


    ☞ Your IP : 3.235.60.144


    ☞ Your Mac : entries

    ☞ theme_name,서버 가동시간
    /volume1/web/www/theme/11q.kr_NB-Basic/layout/side/side-basic/side.php:317: string(70) " 14:16:04 up 32 days, 16:45, 0 users, load average: 0.35, 0.26, 0.26"

    ♨설치버전▶그누보드5_(5.4.5.5),
    ▶나리야_(나리야빌더 1.2.3)