깔끔한 디자인의 날짜선택 피커
관련 문서는 아래의 링크 접속해서 보면 예제 샘플이 다양하게 있음
https://www.daterangepicker.com/#usage
Date Range Picker — JavaScript Date & Time Picker Library
Originally created for reports at Improvely, the Date Range Picker can be attached to any webpage element to pop up two calendars for selecting dates, times, or predefined ranges like "Last 30 Days". To get started, include jQuery, Moment.js and Date Range
www.daterangepicker.com
cdn추가
<!-- css -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />
<!-- js -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>반응형
'디자인 정보' 카테고리의 다른 글
| [css] 흐르는 텍스트 (0) | 2024.01.25 |
|---|---|
| [js] 라이브러리 cdn링크 (0) | 2023.02.06 |
| [JS] 간편한 range slider 라이브러리 rSlider.js (1) | 2022.12.01 |
| [css] 이미지 파일 수정하지 않고 css filter로 색상 변경하기 (0) | 2022.10.04 |
| [css] 테이블을 반응형으로 만드는 방법 3가지 (0) | 2022.06.02 |