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
๋ฐ์ํ
'Front > JS & jQuery' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
[js] capitalizeFirstLetter (0) | 2025.09.04 |
---|---|
[js] String.prototype (0) | 2025.09.03 |
[js/JAVA] switch ์ฐจ์ด (0) | 2025.08.27 |
[js] PDF ํ์ผ(blob ๋ฐ์ดํฐ)์ ์์ฐฝ์์ ๋ณด์ฌ์ค ๋, URL ์์ ํ๊ธฐ (0) | 2025.08.26 |
[js] blob ๋ฐ์ดํฐ๋ฅผ ๋ณด์ฌ์ฃผ๋ ๋ฐฉ์ (์์ฐฝ์ด๊ธฐ, ํ์ฌํ์ด์ง์ ๋ณด์ฌ์ฃผ๊ธฐ) (0) | 2025.08.25 |