date range picker를 사용해서, 날짜를 검색하는 기능에 대해서 만족하고
해당 기능을 응용해서 하루 날짜에 대한 매출 검색, 월별/년별 매출 검색을 구현하려고 했다.
우선 하루 매출 검색을 구현하는데, 내가 사용한 코드의 경우 dateRange 타입으로 attribute를 받아서 처리하는 방식이고 이를 응용해서 사용하려면 하루 날짜를 검색함에도 시작날짜와 끝날짜가 필요했다.
시작 날짜와 끝 날짜를 같은 날로 지정하고 검색하면 당연히 되겠거니 하고 구현을 하니,
input으로 받은 date는 시작 날짜에만 value를 전달하고 끝 날짜는 값이 전달되지 않았다.
hidden으로 시작 value를 옮겨주는 작업도 해봤지만, 되지 않았다.
jquery와 태그 내부에서 모두 시도했지만, 빈값으로 받아짐ㅠㅠ
신기하게도 검색은 되는데!ㅋㅋㅋㅋㅋㅋㅋ url상 param이 비어있는 상황이었다.
안되는데 작동은 하는 상황인데, 이대로 계속하다가는 나중에 막 꼬일 것 같아서
다른 date range picker를 찾아봤다.
https://preview.keenthemes.com/metronic/demo2/crud/forms/widgets/bootstrap-daterangepicker.html#
여기는 bootstrap daterangepicker라고 하는데, html과 javascript 코드만 복붙해서 만든 샘플 페이지에서는 아이콘이나 클릭했을 때 달력이 보이지 않았다.
css 링크나 javascript를 사용할 코드의 링크를 안써준 문제
아이콘을 받을 수 있는 css 링크를 붙여주고 나니, 아이콘은 보이지만 정렬이나 디자인은 빠져있었다.
개발자 페이지에서 css 파일을 그대로 긁어와서 붙여주니, 모달을 제외한 기능은 들어왔는데
파일이 8만줄이 넘었곸ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 나는 모달을 사용하려고 하고 있기 때문에 또 확인을 해봐야 한다...
조그만 팝업의 이름이 모달인 것도 오늘 처음 알았닿ㅎㅎㅎㅎㅎ
야매로 프론트를 보면서 모달로 붙여주는 작업을 시도해야한다.
생각보다 시간이 오래 걸리겠는걸,,,,?ㅎㅎㅎㅎㅎㅎㅎ
