php - Adding delivery date with datepicker to a loop of products -

php - Adding delivery date with datepicker to a loop of products -

i'm trying loop of products have delivery date field , utilize datepicker field. i'm looking through docs on how increment id or unique id of sort datepicker work , maintain delivery date associated product. help appreciated. thanks!

php

<div class="row-fluid"> <?php foreach ($products $product) : ?> <!-- prod grid ============================================================ --> <!-- prod. item --> <div class="col-sm-6 container-cart"> <div class="thumbnail"> <!-- image container--> <?php if ($product->image_url): ?> <img src="<?=$product->image_url ?>" /> <?php endif // image_url ?> <!--end image container--> <!-- caption --> <div class="caption"> <div class="well"> <h3 class="product-title"><?= $product->title ?></h3> <p class="product-description"><?= $product->description ?></p> </div> <div class="row-fluid"> <div class="input-group input-group-sm scrow"> <p class="lead"> <span id="item-price">$<?= money_format('%i', $product->price) ?></span> <input type="hidden" class="price-integer form-control" value="<?= money_format('%i', $product->price) ?>"> </p> </div> <div class="input-group input-group-sm scrow"> <span class="input-group-addon">quantity</span> <input type="text" name="surgecart_products[<?=$product->id ?>]" id="quantity" class="quantity form-control" autocomplete="off" value="<?=$_post['surgecart_products['. $product->id . ']'] ?>"> </div> <div class="input-group input-group-sm scrow"> <span class="input-group-addon">delivery date</span> <input type="text" name="surgecart_products[<?=$product->id ?>]" id="datepicker" class="delivery-date form-control" autocomplete="off" value="<?=$_post['surgecart_products['. $product->id . ']'] ?>"> </div> <div class="input-group input-group-sm scrow"> <span class="input-group-addon">$</span> <input type="text" name="base-total" id="base-total" class="readonly base-total form-control" value="" readonly> <span class="input-group-addon">.00</span> </div> </div> </div> <!--end caption --> </div> <!-- end: thumbnail --> </div> <?php endforeach // products ?> <!-- prod. item --> </div>

and of course of study datepicker:

$(function() { $( "#datepicker" ).datepicker(); });

php wordpress datepicker