daterangepicker 사용시 js파일에서는 사용이 불가능한가요?

Question

안녕하세요. 이것 때문에, 눈팅만 하던 OKKY에 가입하게 된 1人 입니다.daterangepicker는 검색해도 정보를 찾기가 어려워서 도움을 청하고자 합니다. 기존 프로젝트에서 사용하고 있는 datepicker 소스를 daterangepicker 형태로 바꾸고자 하고 있습니다.날짜에 사용하는 input 태그를 클래스를 선언해서 js파일에 해당 클래스를 datepicker 형태로 만드는함수를 만들어서 사용하고 있는데요. 부트스트랩에 daterangepicker가 있길래 그걸 적용해보고 있습니다. jsp 파일에서 daterangepicker 예제 따라서 만들어보니까 잘 되서, 그대로 js 파일에 스크립트 소스를 옮겼는데, 거기서부터 먹통이네요. stack overflow 뒤져봤는데 vue.js나 angular.js 에서 안된다는 얘기는 있긴 했는데, 그런거 사용하고 있진 않고, 그냥 js 파일로만 뺀 거거든요. 원래 쓰던 datepicker는 js 파일에서도 잘 되구요.... daterangepicker를 js파일로 따로 뺏다고 해서 웹에서 따로 error가 생기진 않습니다.초기 생성이 안되는 것 같아요. 이유를 잘 모르겠어서 도움을 청합니다. 테스트날짜

... 위는 jsp 파일의 해당 소스구요. function loadDatepicker(){ // 기존에 있던 datepicker 함수 $('.datepicker').datepicker({ dateFormat: 'yy-mm-dd', 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, showButtonPanel: true, currentText: '오늘 날짜', closeText: '닫기', dateFormat: "yy-mm-dd", changeYear: true, changeMonth: true, showOtherMonths: true }).datepicker('widget').wrap('

'); // daterangepicker 추가하려는 부분 $('.daterange').daterangepicker({ opens: 'right', alwaysShowCalendars: true, linkedCalendars: false, locale: { format: "YYYY-MM-DD", separator: " - ", cancelLabel: '닫기', applyLabel: '선택', customRangeLabel: "직접 설정" }, ranges: { '오늘': [moment(), moment()], '어제': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], '지난 7일': [moment().subtract(6, 'days'), moment()], '지난 30일': [moment().subtract(29, 'days'), moment()], '이번 달': [moment().startOf('month'), moment().endOf('month')], '지난 달': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')] } }, function(start, end, label) { console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD')); }); } 이건 따로 분리해둔 js 파일 소스 입니다. 소스에 나타내진 않았지만, 당연히 import 해서 사용하고 있구요. 이렇게 했을 때, daterangepicker는 안되더라구요.근데 막상 daterangepicker 소스를 jsp 파일에 직접 붙이면 또 됩니다... 그렇다고 모든 jsp 페이지 저걸 갖다 붙이는 작업을 하는 것도 좀 확실히 아닌 것 같고. 뭐가 문제일까요? ㅠㅠ

daterangepicker 사용시 js파일에서는 사용이 불가능한가요?

0개의 답변

#daterangepicker 목록