Jquery-Mobile: Как получить текст поля даты, используя идентификатор

Question

Я новичок в поле даты Jquery-Mobile.Я хочу получить текст из поля даты, используя идентификатор и установить этот текст в таблице.Но я не понимаю.Пожалуйста, кто-нибудь может мне помочь?

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

Попробуйте это .Это дает мне странную ошибку, но вы можете увидеть предупреждение с датой.Я надеюсь, что это будет работать в вашем приложении.

Answer 2

Вы должны написать тег <script> и использовать метод JQuery-Mobile pageshow. Попробуйте что-то вроде этого:

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