2011-12-22 71 views
0

我是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> 

回答

0

你应该写一<script>标签和使用jQuery的移动方法pageshow。尝试这样的:

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

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

+0

你也可以尝试'pageinit'事件而不是'pageshow'。检查文档[这里](http://jquerymobile.com/demos/1.0/docs/api/events.html)。 – Pablo 2011-12-22 07:50:41

0

尝试this。它给了我一些奇怪的错误,但你可以看到与日期警报。我跳它会在你的应用程序中工作。

相关问题