JavaScript到PHP foreach循环

Question

我想设置图像按钮日历输入到一个文本框，这是由foreach循环生成的日期。我使用这个代码，但它只生成第一个盒子的日历（循环的第一次迭代）。任何方式使它适用于所有迭代？

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<script> 
    $(function() { 
    $("#datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../bulkmail/images.png", 
     buttonImageOnly: true, 
     buttonText: "Select date" 
    }); 
    }); 
</script> 


echo '<table>'; 
foreach($records as $key => $record){ 

    $Counter++; 
    //start of row 
    echo '<tr>'; 
    $ListName = $record->getField($fields[1]); 
    $Priority = $record->getField($fields[2]); 
    $TargetDate = $record->getField($fields[3]); 
    $MailDate = $record->getField($fields[5]); 

    $ListName_td = '<td class="LN">'.$ListName.'</td>'; 
    $Priority_td = '<td class="P">'.$Priority.'</td>'; 
    $TargetDate_td = '<td class="TD">'.$TargetDate.'</td>'; 
    $MailDate_td = '<td class="MD"><input type="text" id="datepicker" " name="MailDate'.$Counter.'" value="'.$MailDate.'"/> 
            </td>'; 

    echo '<tr>';} 
    echo '<table>'; 

Answer 1

您使用的ID（），但IDS应该是在页面独特。在你的输入中使用一个类：class="datepicker"，在你的JS中使用$(".datepicker")作为你的CSS选择器。

Answer 2

使用方法如下：

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> 
<script src="//code.jquery.com/jquery-1.10.2.js"></script> 
    <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 

<script> 
    $(function() { 
    $(".datepicker").datepicker({ 
     showOn: "button", 
     buttonImage: "../bulkmail/images.png", 
     buttonImageOnly: true, 
     buttonText: "Select date" 
    }); 
    }); 
</script> 


echo '<table>'; 
foreach($records as $key => $record){ 

    $Counter++; 
    //start of row 
    echo '<tr>'; 
    $ListName = $record->getField($fields[1]); 
    $Priority = $record->getField($fields[2]); 
    $TargetDate = $record->getField($fields[3]); 
    $MailDate = $record->getField($fields[5]); 

    $ListName_td = '<td class="LN">'.$ListName.'</td>'; 
    $Priority_td = '<td class="P">'.$Priority.'</td>'; 
    $TargetDate_td = '<td class="TD">'.$TargetDate.'</td>'; 
    $MailDate_td = '<td class="MD"><input type="text" class="datepicker" " name="MailDate'.$Counter.'" value="'.$MailDate.'"/> 
            </td>'; 

    echo '<tr>';} 
    echo '<table>';