jQuery Ui Spinner의 숫자 포멧을 변경할 수 있을까요?

Question

jQuery UI의 컴포넌트들을 사용한 웹페이지가 있습니다.금액을 입력하는 부분에 Spinner를 넣어뒀는데요, 만들어놓고 나니 &#34;금액을 입력하는 칸이니까, 천단위 콤마도 넣어라&#34;는 이야기가 나왔는데요.처음엔 Spinner의 이벤트 핸들러들을 어떻게 잘 건드려서 가능할거 같았는데, 잘 안되네요. 지금 거의 3시간째 이것만 붙잡고 있습니다.혹시 jQuery UI Spinner에 입력된 숫자의 포멧을 변경해보신분의 조언 부탁드립니다.

마사키군 · Answer

스스로 질문하고 스스로 자답하는 꼴이 되었네요. 이런 식으로 이벤트를 줘서 조치했어요.$(&#34;#spinner1&#34;).spinner({ change: function(event, ui) { var value &#61; $(event.target).val(); value &#61; $.number(value); $(event.target).val(value); }, start: function(event, ui) { var value &#61; $(event.target).val(); value &#61; value.replace(/,/, &#34;&#34;); $(event.target).val(value); } })start 이벤트 핸들러로, 스피너 버튼을 클릭하기 전에 입력된 값에서 ,를 모두 지워버리도록 했습니다.그리고 change 이벤트 핸들러에서, 텍스트 입력 박스가 포커스를 잃으면 다시 천단위 자릿수의 ,를 찍어주도록 했습니다. 중간에 $.number라는 함수가 있는데, 이건 jQuery-Number https://github.com/customd/jquery-number 라는 플러그인입니다.

jQuery Ui Spinner의 숫자 포멧을 변경할 수 있을까요?

1개의 답변

#jqueryui 목록