목록Deveolpment Study🗂️ (195)

bom's happy life

[JS] 캘린더 안에 텍스트 작성하기

https://velog.io/@sally3921/js%EB%A1%9C-%EC%BA%98%EB%A6%B0%EB%8D%94-%EB%A7%8C%EB%93%A4%EA%B8%B0 [15] js로 캘린더 만들기 (this 사용해서 캘린더에 자동으로 값 추가하기)table로 캘린더 구현, js로 캘린더 구현의 두가지 방법으로 만들어보았다. 날짜 클릭하면 input에 값 채워지기, 내용입력후 버튼 클릭시 캘린더에 내용추가하기, 초기화버튼 구현 등 여러 기능을 포velog.io
Deveolpment Study🗂️/Javascript 2024. 6. 13. 12:46
@ResponseBody로 ajax에 String형으로 보내서 활용하기(json사용) 1

@ResponseBody 사용하면 보통 List배열 형태로는 ajax에서 못 받는 것 같고배열형태를 String으로 보내서 ajax에서 받고, ajax에서 json으로 변환해서 사용해야 하면 된다. @ResponseBody@RequestMapping(value = "/findAvailableTimes.do", method = RequestMethod.GET)public String findAvailableTimes(Model model, @ModelAttribute PassportInfoVO passportInfoVO) throws Exception { List list = passportService.findAvailableTimes(passportInfoVO); JSONArray resul..
Deveolpment Study🗂️/Spring Framework 2024. 5. 23. 14:02
[JS동적캘린더] 토,일 기본값 disabled, 오늘날짜 포함한 이전날짜 disabled

◁ ▷ table { width: 400px; height: 343px; border-collapse: collapse; text-align: center;}th, td { border: 1px solid #ccc; padding: 8px; text-align: center;}th.day-name { /* 요일 표시 부분의 스타일 */ background-color: transparent; /* 배경 투명 */ border: none; /* 테두리 제거 */ color: #4a506b; /* 글자색 회색 */}td.date-cell { /* 날짜 셀 스타일 */ cursor: pointer; /* 커서를 포인터로 설정 */}td.date-cell:hover { bac..
Deveolpment Study🗂️/Javascript 2024. 5. 13. 16:34
[JS] 동적캘린더 소스코드

◁ ▷ table { width: 400px; height: 343px; border-collapse: collapse; text-align: center;}th, td { border: 1px solid #ccc; padding: 8px; text-align: center;}th.day-name { /* 요일 표시 부분의 스타일 */ background-color: transparent; /* 배경 투명 */ border: none; /* 테두리 제거 */ color: #4a506b; /* 글자색 회색 */}td.date-cell { /* 날짜 셀 스타일 */ cursor: pointer; /* 커서를 포인터로 설정 */}td.date-cell:hover { bac..
Deveolpment Study🗂️/Javascript 2024. 5. 13. 14:04
이전 Prev 1 2 3 4 ··· 49 Next 다음