Jquery手機：如何獲取日期框的文本使用ID

我是Jquery-Mobile日期框的新手。我想使用ID從日期字段中獲取文本並在表格中設置該文本。但我沒有得到它。請，任何人都可以幫助我嗎？Jquery手機：如何獲取日期框的文本使用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>

來源

2011-12-22 naresh

你應該寫一<script>標籤和使用jQuery的移動方法pageshow。嘗試這樣的：

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

來源

2011-12-22 07:39:42 Pablo

它不起作用 – naresh 2011-12-22 07:45:13

你也可以嘗試'pageinit'事件而不是'pageshow'。檢查文檔[這裏]（http://jquerymobile.com/demos/1.0/docs/api/events.html）。 – Pablo 2011-12-22 07:50:41

嘗試this。它給了我一些奇怪的錯誤，但你可以看到與日期警報。我跳它會在你的應用程序中工作。

來源

2011-12-22 07:50:36 andreapier

Jquery手機：如何獲取日期框的文本使用ID

回答

相關問題