Точное позиционирование позиционирования даты

Question

У меня есть окно поиска, которое ищет диапазон дат с периода, который пользователь может выбрать, используя плагин выбора даты из 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> 

Answer 1

Ваш 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>