如何基于PHP值用JavaScript禁用过期日期较晚的Add To Cart按钮

没问题，这个需求很好实现，核心思路就是先把同序列号的商品归为一组，找出每组里过期最晚的那个，然后遍历商品时判断当前商品是不是那个「最晚过期」的，是的话就禁用对应的Add To Cart按钮。下面是具体的实现步骤和代码：

1. 预处理商品数据，标记每组的最晚过期日期 #

首先我们需要先遍历一遍商品数组，按序列号分组，记录每个序列号对应的最晚过期日期。这里推荐用DateTime类来处理日期比较，比strtotime更可靠，尤其是当你的过期日期格式比较特殊的时候：

// 假设你的商品数组是$products，每个元素包含sequence_number和expiry_date字段
$latestExpiryBySequence = [];

foreach ($products as $product) {
    $seqNumber = $product['sequence_number'];
    $expiryDate = new DateTime($product['expiry_date']);
    
    // 如果当前序列号还没记录，或者当前商品的过期日期比已记录的更晚，就更新
    if (!isset($latestExpiryBySequence[$seqNumber]) || $expiryDate > $latestExpiryBySequence[$seqNumber]) {
        $latestExpiryBySequence[$seqNumber] = $expiryDate;
    }
}

2. 遍历商品并动态禁用按钮 #

接下来在你原本的foreach遍历中，对比当前商品的过期日期和该序列号对应的最晚日期，相等的话就给按钮加上disabled属性：

foreach ($products as $product) {
    $seqNumber = $product['sequence_number'];
    $currentExpiry = new DateTime($product['expiry_date']);
    
    // 判断当前商品是否是该序列号里过期最晚的那个
    $isLatestExpiry = $currentExpiry == $latestExpiryBySequence[$seqNumber];
    // 生成disabled属性字符串
    $disabledAttr = $isLatestExpiry ? 'disabled' : '';
?>
    <!-- 这里是你的商品展示HTML -->
    <div class="product-card">
        <h3>商品序列号: <?php echo htmlspecialchars($seqNumber); ?></h3>
        <p>过期日期: <?php echo htmlspecialchars($product['expiry_date']); ?></p>
        <!-- 动态设置禁用状态的Add To Cart按钮 -->
        <button class="addtocartbtn" <?php echo $disabledAttr; ?>>Add To Cart</button>
    </div>
<?php
}

注意事项 #

• 记得用htmlspecialchars()转义输出的商品数据，防止XSS攻击。
• 如果你的过期日期格式无法被DateTime直接解析，可以在实例化时传入第二个参数指定时区，或者用DateTime::createFromFormat()来精准解析自定义格式的日期。

内容的提问来源于stack exchange，提问作者MailBlade