Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello,
Is someone able to help me determine why my Jquery calendar is no longer appearing when clicking in the text box?
I think it stopped working at some point yesterday and as far as I know I've not altered any of the Calendar code.
I have been working on the theme code so it is possible I've changed something there by mistake
The address is:
https://www.stemswilder.com/cart
Calendar code:
{{ '//code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css' | stylesheet_tag }}
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.9.2/jquery-ui.min.js" defer="defer"></script>
<div style="clear:both;">
<p>
<span class="h7">Pick a delivery/collection date </span> <span style="font-size:0.8em">(Required)</span> </br>
<span style="font-size:0.8em">Nationwide deliveries are typically delivered within 5 working days.</span>
<input id="date"required class="required" style="text-align:right;" readonly type="text" name="attributes[Delivery/Collection Date]" value="{{ cart.attributes.date }}" />
</p>
</div>
<script>
window.onload = function() {
if (window.jQuery) {
let $ = window.jQuery;
var dates = ["16/08/2021","17/08/2021","18/08/2021","19/08/2021","20/08/2021","21/08/2021","22/08/2021","23/08/2021"]; /*================ Blocked Dates ================*/
function DisableDates(date) {
var string = jQuery.datepicker.formatDate('dd/mm/yy', date);
return [dates.indexOf(string) == -1];
}
$(function() {
$("#date").datepicker({
minDate: +1,
maxDate: '+6M',
dateFormat: 'DD d MM yy',
beforeShowDay: DisableDates,
});
});
}
}
</script>
Please let me know if you need any more info.
Thanks
Solved! Go to the solution
This is an accepted solution.
yes please come in DM for zoom meeting so we can take a look deeper into this! @StemsWilder
some time you have to update the jquery CDn version it works.
try connecting downgrade or upgrade CDN version it will work!
Thanks for the response. I've updated the versions in theme.liquid, delivery-date.liquid and cart-template.liquid (i think correctly) and still no joy.
Can you tell if if I've updated them correctly?
This is an accepted solution.
yes please come in DM for zoom meeting so we can take a look deeper into this! @StemsWilder
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025