jquery mobile datebox customflipbox 사용자 정의하는 방법

Question

나는 jquerymobile datebox customflip, plugin에서 일하고 있습니다. 나는 3 가지 문제를 겪고있다. 제목에서 첫 번째, 어떻게 제목을 '정의되지 않은'두 번째로 변경할 수 있습니다. 단추 텍스트를 어떻게 바꿀 수 있습니까? 내가 입력 텍스트 인덱스 대신

을 heres jsfiddle

코드

<h2>Custom Box Mode</h2> 

        <script type="text/javascript"> 
        jQuery.extend(jQuery.mobile.datebox.prototype.options, { 
         'customData': [ { 
          'input': true, 
          'name': '', 
          'data': ['Single', 'Separated', 'Involved', 'Married','Widowed','Lover','Other'] 
         }], 
         'useNewStyle': false, 
         'overrideStyleClass': 'ui-icon-dice' 
        }); 
        </script> 
        <style> 
        .ui-icon-dice { 
         background-image: url('http://dev.jtsage.com/jQM-DateBox/img/dice.png') !important; 
         background-repeat: no-repeat; 
         background-position: 99% 50%; 
        } 
        </style> 

        <div data-role="fieldcontain"> 
         <label for="cf">Custom</label> 
         <input name="cf" type="date" data-role="datebox" id="cf" data-options='{"mode": "customflip"}' /> 
        </div> 

Answer 1

버튼 텍스트가 overrideCustomSet 속성에 의해 수정을 표시하는 방법 셋째.

var selectdata = ['Single', 'Separated', 'Involved', 'Married', 'Widowed', 'Lover', 'Other']; 

jQuery.extend(jQuery.mobile.datebox.prototype.options, { 
    "customData": [{ "input": true, "name": "", "data": selectdata }], 
    "customDefault": [0], 
    "useNewStyle": true, 
    "enablePopup": false, 
    "centerHoriz": true, 
    "centerVert": true, 
    "useFocus": true, 
    "useButton": false, 
    "useHeader": true, 
    "overrideCustomSet": "Looks Good", 
    "overrideCustomFormat": "%%" 
}); 

다른 두 가지 문제에 대해서는 datebox 이벤트를 처리 할 수 ​​있습니다. 이벤트 메서드가 postrefresh 일 때 대화 상자 제목을 설정하고 메서드가 set 일 때 배열에서 인덱스로 텍스트를 찾아서 입력 값으로 만듭니다.

$('#cf').on('datebox', function (e, p) { 
    if (p.method === 'postrefresh') { 
     $(".ui-datebox-container h1.ui-title").html("My Title"); 
    } 
    if (p.method === 'set') { 
     e.stopImmediatePropagation() 
     $(this).val(selectdata[p.value]); 
    } 
}); 

여기에 업데이트 된 FIDDLE