Jquery-Mobile：IDを使用して日付ボックスのテキストを取得する方法

Question

Jquery-Mobileの日付ボックスを初めて使用しています。 IDを使用して日付フィールドからテキストを取得し、そのテキストをテーブルに設定したいとします。しかし、私はそれを取得していません。誰か助けてくれますか？

code 
<div data-role="page" id="Goal_Weight_Screen"> 

    <div data-role="header" data-theme="b" >   
     <h1>Goal Count</h1> 
    </div> 

    <div data-role="content">     
     <div data-role="fieldcontain"> 
     <label for="mydate">Choose Start Date</label> 
     <input name="mydate" id="mydate" type="date" data-role="datebox" 
       data-options='{"mode": "datebox","disableManualInput": true}'> 
     </div>   
     <a href="#Calorie_Tracker" data-role="button">Submit</a> 
    </div> 
</div> 

<div data-role="page" id="Calorie_Tracker">  

    <div data-role="header" data-theme="b" >   
     <h1>Calorie</h1> 
    </div> 
    <div data-role="content" id="table">       
      <table id="calorie_table" border="1"> 
       <tr> 
        <th>Date</th> 
        <th>Food</th> 

       </tr> 

       <tr> 
        <td id="date1">'+$('#mydate').val()+'</td> 
        <td id="FI_1"></td>      
       </tr>  

      </table>    
    </div>  
</div> 

Answer 1

あなたは<script>タグを書くとjQuery-Mobileの方法pageshowを使用する必要があります。次のように試してみてください。

<script type="text/javascript"> 
    $('#Calorie_Tracker').live('pageshow', function(event, ui){ 
    $('#date1').val($('#mydate').val()); 
    }); 
</script> 

Answer 2

試してみてくださいthisそれは私にいくつかの奇妙なエラーを与えるが、あなたは日付のアラートを見ることができます。私はそれがあなたのアプリケーションで動作すると思う。