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
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024