[스프링] 스크립트 배열 뽑는 방법을 모르겠어요.

Question

안녕하세요. 며칠 째 고민하다가 너무 막혀서 질문 드립니다. 구현하려는 건 flatpickr라는 date 라이브러리에서 지정한 날짜를 클릭하지 못 하도록 하는 건데요.1. Controller에서 DB에 저장된 날짜 String 값을 가져와서 map에 넣은 후2. view의 script 부분에 있는 flatpickr의 disable 이라는 부분에 정해진 양식대로 넣어 달력을 읽어올 때 해당 날짜가 클릭되지 않도록 하는 기능입니다.여러 가지로 시도해본 결과, 스트링으로 넣으면 처음 하나만 읽고, 배열로 넣으면 Object HtmlInputElement 에러가 떠서 적용이 안 되네요. 아래는 코드입니다. Controller@RequestMapping(value = "/matchDetail", method = {RequestMethod.GET}) public ModelAndView matchDetail(CommandMap commandmap, @RequestParam("seq") int seq, @RequestParam("ID") String ID) throws Exception { ModelAndView mv = new ModelAndView("/match/matchDetail"); Map mthdtl = matchService.matchDetail(seq); //가능한 날짜 목록 가져오기 ArrayList flickr = new ArrayList(); String date1 = (String) mthdtl.get("MATCH_DATE"); String[] date2 = date1.split(","); System.out.println("선택 가능 날짜(배열) : " + Arrays.toString(date2)); String date3 = ""; for(int i = 0; i < date2.length; i++) { date3 += '\"' + date2[i] + '\"' + ","; } System.out.println("큰 따옴표 붙인 날짜(스트링) : " + date3); String[] date4 = date3.split(","); System.out.println("큰 따옴표 붙인 날짜(배열) : " + Arrays.toString(date4)); for(String item : date4) { flickr.add(item); } //이 부분은 리스트를 넘겨서 확인하는 부분입니다. List chkList = new ArrayList(); for(String item1 : date4) { chkList.add(item1); } System.out.println(chkList); //이 위까지 확인 부분입니다. System.out.println("선택 가능 날짜(리스트) : " + flickr); JSONArray flikr = new JSONArray(); mv.addObject("chkList", chkList); //리스트 넘어가나 확인 중 mv.addObject("flikr", flikr.fromObject(flickr)); //선택 날짜 리스트 return mv; } View View - Script이 부분의 disable: [ ]안에 값이 들어가야 합니다. Controller에서 넘어오는 값 확인선택 가능 날짜(배열) : [2020-02-18, 2020-02-19, 2020-02-21, 2020-02-20, 2020-02-27, 2020-02-26] 큰 따옴표 붙인 날짜(스트링) : "2020-02-18","2020-02-19","2020-02-21","2020-02-20","2020-02-27","2020-02-26", 큰 따옴표 붙인 날짜(배열) : ["2020-02-18", "2020-02-19", "2020-02-21", "2020-02-20", "2020-02-27", "2020-02-26"] 큰 따옴표 붙인 날짜(리스트) : ["2020-02-18", "2020-02-19", "2020-02-21", "2020-02-20", "2020-02-27", "2020-02-26"] 선택 가능 날짜(리스트) : ["2020-02-18", "2020-02-19", "2020-02-21", "2020-02-20", "2020-02-27", "2020-02-26"] View에 값이 넘어왔나 화면에 출력 flikr "2020-02-18""2020-02-19""2020-02-21""2020-02-20""2020-02-27""2020-02-26" chkList "2020-02-18""2020-02-19""2020-02-21""2020-02-20""2020-02-27""2020-02-26"

ondaa · Accepted Answer

view 에서 값이 넘어왔다 화면 출력에서 flikr 이 View- Sciprt 부분의 form 값인가요 ?

좀비캣 · Answer

화면 출력 부분에서flikr는 컨트롤러에서 JSONArray로 넘긴 값을 뷰에서 출력해본 거고요.chkList는 컨트롤러에서 List로 넘긴 값을 뷰에서 출력해본 겁니다. 현재 스크립트에 값이 들어가 있지는 않고,['form']의 [ ] 안에 값이 들어가야 하는데 방법을 모르겠습니다.

좀비캣 · Answer

실수로 완료 버튼을 눌러서 다시 게시글 올립니다 ㅠ 죄송합니다.

ondaa · Answer

위에 form 태그에서 작성하셨던 hidden 부분에서 value 로 이미 flikr 이 들어가 있으니 jquery의 셀렉터 기능을 사용하면 될 듯합니다.var arr &#61; $(&#34;#fiikr&#34;).val();var split_result &#61; arr.split('&#34;');var result &#61; split_result.filter((value) &#61;> value.replace(/\s/, '') !&#61;&#61; &#34;&#34;) result 는 아래 형태가 됩니다. 이걸 disabled 에 넣으시면 될 듯 합니다.[&#34;2020-02-18&#34;, &#34;2020-02-19&#34;, &#34;2020-02-21&#34;, &#34;2020-02-20&#34;, &#34;2020-02-27&#34;, &#34;2020-02-26&#34;]

좀비캣 · Answer

말씀하신대로 코드를 넣었더니 클릭하면 달력 폼이 안 뜨고 텍스트 입력 창이 나옵니다 ㅠ코드는 아래와 같이 넣었습니다. 딱 한 번 읽는 걸 성공했던 때는 스트링으로 들어갔을 때였는데, "2020-01-20,2020-01-02" 이런식으로 들어가니 맨 앞에 2020-01-20만 읽혔었습니다.

좀비캣 · Answer

disable: ${chkList}로 넣어서 해결했습니다! 감사합니다!

[스프링] 스크립트 배열 뽑는 방법을 모르겠어요.

6개의 답변

#flatpickr 목록