Front/JS & jQuery
[js] pignoseCalendar ๋ฐ์ธ๋ฉ
์ค์ ์งโฌ
2025. 9. 1. 11:03
728x90
๋ฐ์ํ
๐ pignoseCalendar ๊ธฐ๋ณธ ๋์
- pignoseCalendar๋ ๋จ์ํ ์ธํ์๋ง ๋ฌ๋ฆฌ๋ ๊ฒ ์๋๋ผ, ๊ทธ ์ธํ๊ณผ ๊ฐ์ input-group ์์ญ ํด๋ฆญ๋ ํธ๋ฆฌ๊ฑฐ๋ก ์ธ์ํฉ๋๋ค.
- ๊ณต์ ๋ฌธ์์์๋ input-group๊ณผ ๊ฐ์ด ์ฐ๋ฉด ์์ด์ฝ/๋ฒํผ ํด๋ฆญ ์์๋ focus ์ด๋ฒคํธ๊ฐ ์ธํ์ ์ ๋ฌ๋๋๋ก ๋์ด ์์ต๋๋ค.
(.input-group-append .input-group-text ํด๋ฆญ → ๋ด๋ถ์ ์ผ๋ก input.focus() ๋ฐ์ → ๋ฌ๋ ฅ์ด ๋ธ)
์ฆ, <i class="far fa-calendar"></i> ์์ด์ฝ์ ๋๋ ์ ๋๋ ์ค์ ๋ก๋ ์ธํ์ focus() ์ํค๊ธฐ ๋๋ฌธ์ pignoseCalendar๊ฐ ์คํ๋๋ ๊ฑฐ์์.
โ ์ ๋ฆฌํ๋ฉด:
- pignoseCalendar๋ input์ focus ์ด๋ฒคํธ๋ฅผ ํํนํด์ ๋ฌ๋ ฅ์ ๋์.
- Bootstrap input-group-append๋ ํด๋ฆญ ์ ์ธ์ ํ ์ธํ์ focus๋ฅผ ์ค.
- ๊ทธ๋์ ์์ด์ฝ ํด๋ฆญ → ์ธํ focus → pignoseCalendar ์คํ → ๋ฌ๋ ฅ ๋ธ.
728x90
๋ฐ์ํ