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。它给了我一些奇怪的错误，但你可以看到日期的警报。我跳它会在你的应用程序中工作。

Jquery-Mobile：如何使用ID获取日期框的文本

2 个答案: