---- dataentry snippet ----
type          : snippet #do not change this line
category      : Add to cart form #mention the category like 'shipping', 'checkout' etc
name          : Using a calendar date-picker to add dates to products. #the name of the snippet
description   :  #description about snippet
versions_tags : 0.6.0 #compatible versions
reference_url : http://forum.foxycart.com/comments.php?DiscussionID=3343&page=1 #External link
tags_tags     : snippets, shipping, advance #tags, separated by commas.
date_dt       : 2011-05-26 #the date in YYYY-MM-DD format
----
===== Using a calendar date-picker to add dates to products.   =====

This calendar setup requires having a link and an input with coinciding id's. An input an link should be setup like this:
<code html>
<input type="text" name="date" id="date2" class="datepicker">
<a href="https://yourstore.foxycart.com/cart?name=Large%20Box&amp;price=15" id="link_date2" class="foxycart">Add to basket</a>
</code>

Paste the following just above your </head> tag in your template. Built for version 6.0.

<code javascript>
<script type="text/javascript">
	$(function() {
		$(".datepicker").datepicker({
		  dateFormat: 'yy-mm-dd',
		  onClose: function(dateText, inpt) { updateDates(dateText, inpt.id); }
		});
		
		jQuery(".datepicker").each(function() {
		  if($(this).val() != "") {
  		  updateDates($(this).val(), $(this).attr("id"));
  	  }
		});
		
	});
	
	function updateDates(dateString, inputid) {
    alterInput = jQuery("#"+inputid);
    alterLink = jQuery("a#link_"+inputid);
    pattern_qty = /(?:(?:&|\?){1}date=)((?:[0-9\-])*)/;

    href = alterLink.attr("href");
    newDate = (dateString == "") ? "" : "&date="+dateString;
    if ( pattern_qty.test(href) ) {
      prefix = pattern_qty.exec(href); 
      newHref = href.replace(prefix[0], newDate);
      alterLink.attr("href", newHref);
    } else {
      alterLink.attr("href", href + newDate);
    }
  }

  function fc_PreProcess(oData, oID) {
    alterID = jQuery("#"+oID).attr("id").split("_")[1];
    alterInput = jQuery("#"+alterID);
    if(jQuery(alterInput).val() == "") {
      alert('You need to choose a delivery date before adding a box');
      return false;
    } else {
      return true;
    }
  }
	</script>

</code>

For further details, please see the forum link below.

===== Related Forum Discussions =====

  * http://forum.foxycart.com/comments.php?DiscussionID=3343&page=1