[스프링] flatPickr에 값을 어떻게 넣을지 몰라 질문드려요.

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: [ ]안의 form 부분에 값이 들어가야 합니다.현재는 어떤 방식을 사용해야 될 지 몰라 값을 설정해놓지 않았습니다. 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는 컨트롤러에서 JSONArray로 넘긴 값을 뷰에서 출력해본 거고요,chkList는 컨트롤러에서 List로 넘긴 값을 뷰에서 출력해본 겁니다.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"

odyssey320 · Accepted Answer

쌍따옴표가 두개씩 들어갔네요.console.log(&#34;chkList:&#34;, '${chkList}');이거도 한번찍어주시겠어요?만약에 chkList가 제대로 나오면,disable: [form] -> disable: '${chkList}' 로 변경하시면 될거같네요.

odyssey320 · Answer

script 맨위에다가 console.log(&#34;flikr:&#34;, '${flikr}'); 이거 찍어보시고 결과 알려주세용.

좀비캣 · Answer

늦어서 죄송합니다. flikr: [&#34;&#34;2020-02-18&#34;&#34;,&#34;&#34;2020-02-19&#34;&#34;,&#34;&#34;2020-02-21&#34;&#34;,&#34;&#34;2020-02-20&#34;&#34;,&#34;&#34;2020-02-27&#34;&#34;,&#34;&#34;2020-02-26&#34;&#34;]이렇게 나오네요!

좀비캣 · Answer

감사합니다! disable: ${chkList} 로 넣었더니 정상 동작됩니다.행복하네요. 늦었지만 올 한해 행복한 일만 가득하시길 진심으로 바랄게요!

[스프링] flatPickr에 값을 어떻게 넣을지 몰라 질문드려요.

4개의 답변

Q&A 목록