제이쿼리에서 잘 쓰는 DatePicker처럼 다른녀석이 있다.


DataBox 라는 놈인데 이놈도 쓸만하다.


안드로이드에서 밖에 안써봤지만, flip 모드는 퍼포먼스가 최악이다. 기대하지말라.


요게 필요하다.

<link type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.css" rel="stylesheet" /> 

 <link type="text/css" href="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.css" rel="stylesheet" /> 


 <script type="text/javascript" src="http://dev.jtsage.com/jquery.mousewheel.min.js"></script>

 <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jquery.mobile.datebox.min.js"></script>

 <script type="text/javascript" src="http://dev.jtsage.com/cdn/simpledialog/latest/jquery.mobile.simpledialog.min.js"></script>

 <script type="text/javascript" src="http://dev.jtsage.com/gpretty/prettify.js"></script>

 <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.ko.utf8.js"></script>

 ↑ 요놈은 한글로 변환시켜주는놈

 <link type="text/css" href="http://dev.jtsage.com/gpretty/prettify.css" rel="stylesheet" />



코드

날짜 

<input type="date" data-role="datebox" data-theme='a' name="meetDay" id="meetDay" readonly

    placeholder="날짜 선택" data-options='{"mode": "flipbox","headerFormat": "날짜 선택"}' />


시간

<input name="meetTime" id="meetTime" data-theme='a' type="date" data-role="datebox" readonly

placeholder="시간 선택" data-options='{"mode": "timeflipbox", "headerFormat": "시간 선택"}'>



참고 : http://dev.jtsage.com/jQM-DateBox/


YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST