Daterangepicker無法在foreach循環中工作

這是我在WordPress網站的jQuery代碼。它的作品很好，但是當我在一個模式中運行時，for-each循環不起作用。我看到其他答案，但我不明白。Daterangepicker無法在foreach循環中工作

jQuery(document).ready(function(){ 
      jQuery(function() { 
       jQuery('#datepicker').daterangepicker({ 
        autoUpdateInput: false, 
        locale: { 
         cancelLabel: 'Cancel' 
        } 
       }); 
       jQuery('#datepicker').on('apply.daterangepicker', function(ev, picker) { 
        $(this).val(picker.startDate.format('MM/DD/YYYY') + ' - ' + picker.endDate.format('MM/DD/YYYY')); 
       }); 
       jQuery('#datepicker').on('cancel.daterangepicker', function(ev, picker) { 
        jQuery(this).val(''); 
       }); 
      });

表

<?php 
foreach ($query as $row) 
    { ?> 

      <form action=""> 
       <div class="form-group"> 
        <label>Check-in/Out</label> 
        <input type="text" class="form-control" id="datepicker" name="datefilter" placeholder="Check-in/Out"> 
       </div> 
      </form> 


     <?php 
    } 
?>

來源

2017-05-01 Sakib

你需要添加'class'而不是'id' –

@Agam Banga stil在模式下不工作 – Sakib

問題可能在於datepicker的z-index。它可能隱藏在模態之後。您可以在Chrome Dev Tools中查看它是否顯示。 –

而不是調用使用元素的ID的daterangepicker的，你可以使用一個通用類所有daterangepicker元素，並調用daterangepicker

來源

2017-05-01 12:00:49 sujivasagam

Daterangepicker無法在foreach循環中工作

回答

相關問題