Add a Date Picker to a Custom Field

<script type="text/javascript">
(function($){
$(document).ready(function(){
$(document).ajaxComplete(function() {
$(".cc_product[data-sku='YOUR_PRODUCT_SKU'] input.cart66-text").datepicker();
})
})
})(jQuery);
</script>

To use this snippet:
Simply add the above to your WordPress theme before the closing body tag (</body>) and reslurp it. Or you can add it in the HTML Editor in your Cloud Dashboard. Replace YOUR_PRODUCT_SKU with your product's sku to ensure only the targeted products have the date picker applied.

Here is where you can find it in your Cloud Dashboard:
https://manage.cart66.com/checkout_page/html

As seen here:

Next, add the below in the header of your document: 

<script src="<a href="http://code.jquery.com/ui/1.10.4/jquery-ui.js">http://code.jquery.com/ui/1.10.4/jquery-ui.js</a>"></script>
<link rel="stylesheet" href="<a href="http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">http://code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css</a>">

Still need help? Contact Us Contact Us