日期選擇器定位不正確工作

我有一個搜索框，它搜索用戶可以使用jquery中的日期選取器插件選擇的時間段。我遇到的問題是啓用日期選擇器的位置出現在頁面的左下角，而不是直接位於搜索框下方。我已經提供了用於jquery和HTML部分的標記。任何人都可以告訴我如何糾正？日期選擇器定位不正確工作

的jQuery：

<script type="text/javascript" src="includes/javascript/daterangepicker.jQuery.js"></script>

<script type="text/javascript"> 
    $(function(){ 
     if($(window.parent.document).find('iframe').size()){ 
      var inframe = true; 
     } 

     $('.datepick').daterangepicker({ 
      arrows: false, 
      dateFormat: 'dd/mm/yy', 
      posX: null, 
      posY: null, 
      onOpen:function(){ 
       if(inframe){ 
        $(window.parent.document).find('iframe:eq(0)').width(700).height('35em'); 
       } 
      }, 
      onClose: function(){ 
       if(inframe){ 
        $(window.parent.document).find('iframe:eq(0)').width('100%').height('5em'); 
       } 
      } 
     }); 

    }); 
</script>

HTML：

<table border="0" align="right"> 
    <tr> 
     <?php echo tep_draw_form('search_date_purchased', FILENAME_ORDERS, '', 'post'); ?> 

     <td class="smallText" align="right"> 
      <?php echo TEXT_ORDER_DATE;?> 
      &nbsp; 
      <input type="text" name="search_date_purchased" placeholder="Choose a Date" class="datepick" value="<?php echo $HTTP_POST_VARS['search_date_purchased'];?>"> 
      &nbsp; 
      <input src="./images/Search.png" alt="Search" title="Search" border="0" type="image"> 
     </td> 
    </form> 
    </tr> 
</table>

來源

2013-09-24 Johnny Galenecki

@panther我想你的編輯，但它仍然是一樣的... –

約翰尼：我沒有改變代碼，只需格式化它更好的理解。 –

你的HTML是無效的： 您的HTML關閉表單標籤。你也嘗試在tr標籤內部回顯一些東西，那不是vallid html。你需要在一個td標籤中回顯。

<table border="0" align="right"> 
    <tr> 
     <td><?php echo tep_draw_form('search_date_purchased', FILENAME_ORDERS, '', 'post'); ?></td> 
     <td class="smallText" align="right"><?php echo TEXT_ORDER_DATE;?>&nbsp;<input type="text" name="search_date_purchased" placeholder="Choose a Date" class="datepick" value="<?php echo $HTTP_POST_VARS['search_date_purchased'];?>">&nbsp;<input src="./images/Search.png" alt="Search" title="Search" border="0" type="image"></td>  
    </tr> 
</table>

來源

2013-09-24 10:59:07

這仍然沒有解決，定位問題... –

日期選擇器定位不正確工作

回答

相關問題