본문 바로가기

Programming/Hybrid App

[jQuery] mobiscroll 에 타이틀 넣기.

센차에서는 datepicker를 자체 제공하지만, jQuery 에서는 따로 지원을 하지 않는다.

그래서 mobiscroll을 많이 사용한다.

jquery와 mobiscroll...

하지만 mobiscroll에는 치명적인 단점이 있는데, 

picker 타이틀을 지원하지 않는다.

그래서 core를 수정해 봤다.


mobiscroll.core.js

Line : 675

 html += '</div>' + (s.display != 'inline' ? '<div style="display : -webkit-box;" class="dwbc' + (s.button3 ? ' dwbc-p' : '') + '">'

            + '<span class="dwbw dwb-c"><span class="dwb dwb-e">' + s.cancelText + '</span></span>'

            + '<div style="-webkit-box-flex : 1; display: -webkit-box; -webkit-box-align : center; -webkit-box-pack : center; font-size : 1.4em; overflow: hidden;"><span>' + s.titleText + '</span></div>' 

            + (s.button3 ? '<span class="dwbw dwb-n"><span class="dwb dwb-e">' + s.button3Text + '</span></span>' : '')

            + '<span class="dwbw dwb-s"><span class="dwb dwb-e">' + s.setText + '</span></span>' 

             + '</div></div>' : '') + '</div></div></div>';


위의 코드를 merge 하고, mobiscroll 생성시 옵션으로 "titleText" 를 지정해주면 된다.