디자인 정보
[js] Date Range Picker
고래똥
2023. 2. 6. 10:32
깔끔한 디자인의 날짜선택 피커
관련 문서는 아래의 링크 접속해서 보면 예제 샘플이 다양하게 있음
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>반응형