[JavaScript / jQuery] date picker를 사용한 스케줄러 만들기

예전에 개념만 한 번 훑고 직접 써보진 않았다가 이번 프로젝트에서 달력 페이지를 만들게 돼서 써볼 기회가 생겼다 ㅎㅎ

이거 알기 전에 완전 노가다 긴 코드로 작성한 적 있었어서 얼마나 간단하게 되는지 시험해볼겸 

 

⬇ 제이쿼리 사이트 들어가면 다양하고 자세하게 나와있다

https://jqueryui.com/datepicker/#default

 

다운로드 소스

  <link rel="stylesheet" href="//code.jquery.com/ui/1.13.2/themes/base/jquery-ui.css">
  <link rel="stylesheet" href="/resources/demos/style.css">
  <script src="https://code.jquery.com/jquery-3.6.0.js"></script>
  <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js"></script>

 

코드

달력 띄우는 건 딱 두 줄이면 된다 진짜 간단하다

//html 코드
<input type="text" id="datepicker">

 

//javascript 코드
$( function() {
    $( "#datepicker" ).datepicker();
  } );

 

포멧팅 해주는 건 서서히 추가할 예정. .  열라 힘듦